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 { 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 (
{tags?.includes('Featured') && }
{photo ? ( ) : (
)}

{name}

{preview}
{raised > 0 && ( ${Math.floor((raised ?? 0) / 100)} raised )}
) } function FeaturedBadge() { return ( ) }