open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Handle 404 errors for non-existent fold subpages

Browse Source
This commit is contained in:
jahooma 2022-01-25 15:44:28 -06:00
parent 29b946671b
commit 897eb0c27b
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/pages/fold/[...slugs]/index.tsx
View File

@ -30,6 +30,7 @@ import { scoreCreators, scoreTraders } from '../../../lib/firebase/scoring'
import { Leaderboard } from '../../../components/leaderboard' import { Leaderboard } from '../../../components/leaderboard'
import { formatMoney } from '../../../lib/util/format' import { formatMoney } from '../../../lib/util/format'
import { EditFoldButton } from '../../../components/edit-fold-button' import { EditFoldButton } from '../../../components/edit-fold-button'
import Custom404 from '../../404'
export async function getStaticProps(props: { params: { slugs: string[] } }) { export async function getStaticProps(props: { params: { slugs: string[] } }) {
const { slugs } = props.params const { slugs } = props.params
@ -106,9 +107,10 @@ async function toUserScores(userScores: { [userId: string]: number }) {
export async function getStaticPaths() { export async function getStaticPaths() {
return { paths: [], fallback: 'blocking' } return { paths: [], fallback: 'blocking' }
} }
const foldSubpages = [undefined, 'activity', 'markets', 'leaderboards'] as const
export default function FoldPage(props: { export default function FoldPage(props: {
fold: Fold fold: Fold | null
curator: User curator: User
contracts: Contract[] contracts: Contract[]
activeContracts: Contract[] activeContracts: Contract[]
@ -134,18 +136,21 @@ export default function FoldPage(props: {
const router = useRouter() const router = useRouter()
const { slugs } = router.query as { slugs: string[] } const { slugs } = router.query as { slugs: string[] }
const page =
(slugs[1] as 'markets' | 'leaderboards' | undefined) ?? 'activity'
const fold = useFold(props.fold.id) ?? props.fold const page = (slugs[1] ?? 'activity') as typeof foldSubpages[number]
const { curatorId } = fold
const fold = useFold(props.fold?.id ?? '') ?? props.fold
const { query, setQuery, sort, setSort } = useQueryAndSortParams({ const { query, setQuery, sort, setSort } = useQueryAndSortParams({
defaultSort: 'most-traded', defaultSort: 'most-traded',
}) })
const user = useUser() const user = useUser()
const isCurator = user?.id === curatorId const isCurator = user && fold && user.id === fold.curatorId
if (fold === null || !foldSubpages.includes(page) || slugs[2]) {
return <Custom404 />
}
return ( return (
<Page wide> <Page wide>
@ -225,7 +230,7 @@ export default function FoldPage(props: {
)} )}
{page === 'leaderboards' && ( {page === 'leaderboards' && (
<Col className="gap-8"> <Col className="gap-8 lg:flex-row">
<FoldLeaderboards <FoldLeaderboards
topTraders={topTraders} topTraders={topTraders}
topTraderScores={topTraderScores} topTraderScores={topTraderScores}