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

{name}

*/}
{preview}
{raised > 0 && ( {raised < 100 ? manaToUSD(raised) : '$' + Math.floor(raised / 100)} raised )}
) } function FeaturedBadge() { return ( ) }