import { StarIcon } from '@heroicons/react/solid' import _ from 'lodash' import Link from 'next/link' import Image from 'next/image' import { Charity } from 'common/charity' import { useCharityTxns } from 'web/hooks/use-charity-txns' import { manaToUSD } from '../../pages/charity/[charitySlug]' import { Row } from '../layout/row' export function CharityCard(props: { charity: Charity }) { const { name, slug, photo, preview, id, tags } = props.charity const txns = useCharityTxns(id) const raised = _.sumBy(txns, (txn) => txn.amount) return (