From 164f5fba06fc4460894f829c28154e3bcc147099 Mon Sep 17 00:00:00 2001 From: James Grugett Date: Sun, 20 Mar 2022 12:45:17 -0500 Subject: [PATCH] Simple market embed page --- web/pages/embed/[username]/[contractSlug].tsx | 114 ++++++++++++++++++ 1 file changed, 114 insertions(+) create mode 100644 web/pages/embed/[username]/[contractSlug].tsx diff --git a/web/pages/embed/[username]/[contractSlug].tsx b/web/pages/embed/[username]/[contractSlug].tsx new file mode 100644 index 00000000..5a4e2d38 --- /dev/null +++ b/web/pages/embed/[username]/[contractSlug].tsx @@ -0,0 +1,114 @@ +import { Answer } from '../../../../common/answer' +import { Bet } from '../../../../common/bet' +import { Comment } from '../../../../common/comment' +import { Contract } from '../../../../common/contract' +import { Fold } from '../../../../common/fold' +import { AnswersPanel } from '../../../components/answers/answers-panel' +import { ContractOverview } from '../../../components/contract-overview' +import { Col } from '../../../components/layout/col' +import { Spacer } from '../../../components/layout/spacer' +import { useContractWithPreload } from '../../../hooks/use-contract' +import { useFoldsWithTags } from '../../../hooks/use-fold' +import { fromPropz, usePropz } from '../../../hooks/use-propz' +import { useUser } from '../../../hooks/use-user' +import { listAllAnswers } from '../../../lib/firebase/answers' +import { listAllBets } from '../../../lib/firebase/bets' +import { listAllComments } from '../../../lib/firebase/comments' +import { getContractFromSlug } from '../../../lib/firebase/contracts' +import { getFoldsByTags } from '../../../lib/firebase/folds' +import Custom404 from '../../404' + +export const getStaticProps = fromPropz(getStaticPropz) +export async function getStaticPropz(props: { + params: { username: string; contractSlug: string } +}) { + const { username, contractSlug } = props.params + const contract = (await getContractFromSlug(contractSlug)) || null + const contractId = contract?.id + + const foldsPromise = getFoldsByTags(contract?.tags ?? []) + + const [bets, comments, answers] = await Promise.all([ + contractId ? listAllBets(contractId) : [], + contractId ? listAllComments(contractId) : [], + contractId && contract.outcomeType === 'FREE_RESPONSE' + ? listAllAnswers(contractId) + : [], + ]) + + const folds = await foldsPromise + + return { + props: { + contract, + username, + slug: contractSlug, + bets, + comments, + answers, + folds, + }, + + revalidate: 60, // regenerate after a minute + } +} + +export async function getStaticPaths() { + return { paths: [], fallback: 'blocking' } +} + +export default function ContractPage(props: { + contract: Contract | null + username: string + bets: Bet[] + comments: Comment[] + answers: Answer[] + slug: string + folds: Fold[] +}) { + props = usePropz(props, getStaticPropz) ?? { + contract: null, + username: '', + comments: [], + answers: [], + bets: [], + slug: '', + folds: [], + } + const user = useUser() + + const contract = useContractWithPreload(props.slug, props.contract) + const { bets, comments } = props + + // Sort for now to see if bug is fixed. + comments.sort((c1, c2) => c1.createdTime - c2.createdTime) + bets.sort((bet1, bet2) => bet1.createdTime - bet2.createdTime) + + const folds = (useFoldsWithTags(contract?.tags) ?? props.folds).filter( + (fold) => fold.followCount > 1 || user?.id === fold.curatorId + ) + + if (!contract) { + return + } + + return ( + + + {contract.outcomeType === 'FREE_RESPONSE' && ( + <> + + + +
+ + )} + + + ) +}