import { StarIcon } from '@heroicons/react/solid' import _ from 'lodash' import Link from 'next/link' import { Charity } from '../../../common/charity' import { useCharityTxns } from '../../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 (