diff --git a/web/components/tags-list.tsx b/web/components/tags-list.tsx index 4894643b..80276897 100644 --- a/web/components/tags-list.tsx +++ b/web/components/tags-list.tsx @@ -1,7 +1,6 @@ import clsx from 'clsx' import { Row } from './layout/row' import { SiteLink } from './site-link' -import { Fold } from '../../common/fold' function Hashtag(props: { tag: string; noLink?: boolean }) { const { tag, noLink } = props @@ -45,11 +44,11 @@ export function TagsList(props: { ) } -export function FoldTag(props: { fold: Fold }) { +export function FoldTag(props: { fold: { slug: string; name: string } }) { const { fold } = props - const { name } = fold + const { slug, name } = fold return ( - +
@@ -70,7 +72,7 @@ export function FoldTagList(props: { folds: Fold[]; className?: string }) { <>
Communities
{folds.map((fold) => ( - + ))} )} diff --git a/web/pages/home.tsx b/web/pages/home.tsx index 96ee0a99..cea7c0a7 100644 --- a/web/pages/home.tsx +++ b/web/pages/home.tsx @@ -17,7 +17,7 @@ import { Fold } from '../../common/fold' import { filterDefined } from '../../common/util/array' import { useUserBets } from '../hooks/use-user-bets' import { LoadingIndicator } from '../components/loading-indicator' -import { TagsList } from '../components/tags-list' +import { FoldTagList } from '../components/tags-list' export async function getStaticProps() { const [contracts, folds] = await Promise.all([ @@ -131,19 +131,21 @@ const Home = (props: { contracts: Contract[]; folds: Fold[] }) => { - - + - + {activeContracts ? (