91bec9c996
* Referrals page added to sidebar; useSaveReferral; InfoBox * text color * eslint * migrate useUsers hook to react-query (#674) * Remove bet button from free response comments * Make answer replies more closely spaced together * Host Ida and Alex's MTG Guesser game (#656) * Copy over code from Mtg Guesser * Run Prettier * CSS Tweaks: Hover feedback, button positioning * Hide all but counterspell & burn, for now * Move to /mtg directory * Fix prettierignore * smaller jsons (#673) limited burn to only red cards and also added limited json files to only have fields needed to play * Add Ida's tweak to card position Co-authored-by: marsteralex <bob.masteralex@gmail.com> * Adjust card positioning * Make the select screen index.html * Remove other guessing games * Remove alternate versions; add Alex's email * Remove unused jsons * Small FR comments tweaks * Spacing tweak * Changing manalinks table UI (#665) From table to card view * Fix comment spacing on non-FR * Move "Send M$" lower in sidebar More list. * Move leaderboards up in mobile nav * eslint * prettier Co-authored-by: Sinclair Chen <abc.sinclair@gmail.com> Co-authored-by: James Grugett <jahooma@gmail.com> Co-authored-by: Austin Chen <akrolsmir@gmail.com> Co-authored-by: marsteralex <bob.masteralex@gmail.com> Co-authored-by: ingawei <46611122+ingawei@users.noreply.github.com>
64 lines
2.2 KiB
TypeScript
64 lines
2.2 KiB
TypeScript
import React, { useEffect } from 'react'
|
|
import { useRouter } from 'next/router'
|
|
import { useUser } from 'web/hooks/use-user'
|
|
import { Contract, getContractsBySlugs } from 'web/lib/firebase/contracts'
|
|
import { Page } from 'web/components/page'
|
|
import { LandingPagePanel } from 'web/components/landing-page-panel'
|
|
import { Col } from 'web/components/layout/col'
|
|
import { ManifoldLogo } from 'web/components/nav/manifold-logo'
|
|
import { redirectIfLoggedIn } from 'web/lib/firebase/server-auth'
|
|
import { useSaveReferral } from 'web/hooks/use-save-referral'
|
|
|
|
export const getServerSideProps = redirectIfLoggedIn('/home', async (_) => {
|
|
// These hardcoded markets will be shown in the frontpage for signed-out users:
|
|
const hotContracts = await getContractsBySlugs([
|
|
'will-max-go-to-prom-with-a-girl',
|
|
'will-ethereum-switch-to-proof-of-st',
|
|
'will-russia-control-the-majority-of',
|
|
'will-elon-musk-buy-twitter-this-yea',
|
|
'will-trump-be-charged-by-the-grand',
|
|
'will-spacex-launch-a-starship-into',
|
|
'who-will-win-the-nba-finals-champio',
|
|
'who-will-be-time-magazine-person-of',
|
|
'will-congress-hold-any-hearings-abo-e21f987033b3',
|
|
'will-at-least-10-world-cities-have',
|
|
])
|
|
return { props: { hotContracts } }
|
|
})
|
|
|
|
export default function Home(props: { hotContracts: Contract[] }) {
|
|
const { hotContracts } = props
|
|
|
|
// for now this redirect in the component is how we handle the case where they are
|
|
// on this page and they log in -- in the future we will make some cleaner way
|
|
const user = useUser()
|
|
const router = useRouter()
|
|
|
|
useSaveReferral()
|
|
|
|
useEffect(() => {
|
|
if (user != null) {
|
|
router.replace('/home')
|
|
}
|
|
}, [router, user])
|
|
|
|
return (
|
|
<Page>
|
|
<div className="px-4 pt-2 md:mt-0 lg:hidden">
|
|
<ManifoldLogo />
|
|
</div>
|
|
<Col className="items-center">
|
|
<Col className="max-w-3xl">
|
|
<LandingPagePanel hotContracts={hotContracts ?? []} />
|
|
{/* <p className="mt-6 text-gray-500">
|
|
View{' '}
|
|
<SiteLink href="/markets" className="font-bold text-gray-700">
|
|
all markets
|
|
</SiteLink>
|
|
</p> */}
|
|
</Col>
|
|
</Col>
|
|
</Page>
|
|
)
|
|
}
|