ciaran.co.za
A Prediction Market on the AT Protocol
1import { useCumulus } from "@/web/hooks/useCumulus";
2import { Spinner } from "@/web/components/ui/spinner";
3import Market from "@/web/components/market";
4import { AddMarket } from "@/web/components/add-market";
5
6
7export default function App() {
8 const { markets, score, rep } = useCumulus();
9
10 if (markets.isLoading) return <div className="p-4"><Spinner className='m-auto' /></div>
11
12 return <div className="grid p-2 md:grid-cols-2 gap-2">
13 {markets.data?.map(market => <Market key={market.uri} market={market} />)}
14 <div>
15 <p className="text-6xl first-letter:text-coral-500">Score: {score}</p>
16 <p className="text-4xl first-letter:text-coral-500">Rep: {rep}</p>
17 </div>
18 <AddMarket />
19 </div>
20}