[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","michaelfreedman","name","nfl-betting-app","path","frontend/components/GameCard.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/michaelfreedman/nfl-betting-app/code/frontend/components/GameCard.tsx","extension","id","0709664a-c6b7-48bb-a12f-c5102601b953","GameCard.tsx","fileId","7caca1ae-abf1-11f1-b5ac-1607ee4eb77e","parentId","01a083dd-a784-740f-ad04-1ad38a23ed11","branchId","8ec703c1-dca2-4457-930c-483e75a3ce83","branchVersion",16,"latest",true,"createdAt",["D",1788918909217],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Game, Bet, BetType, money, fmtOdds, fmtDate, placeBet } from \"../lib/api.ts\";\n\ninterface Props {\n game: Game;\n bankroll: number;\n onChanged: () => void;\n onError: (msg: string) => void;\n}\n\ninterface Selection {\n betType: BetType;\n side: string;\n label: string;\n}\n\nfunction BetPill({ bet }: { bet: Bet }) {\n const colors: Record = {\n open: \"bg-amber-500/15 text-amber-300 border-amber-500/40\",\n win: \"bg-emerald-500/15 text-emerald-300 border-emerald-500/40\",\n loss: \"bg-rose-500/15 text-rose-300 border-rose-500/40\",\n push: \"bg-slate-500/15 text-slate-300 border-slate-500/40\",\n };\n const profitText =\n bet.status === \"open\" ? \"open\" : bet.status === \"push\" ? \"push\" : `${bet.profit! >= 0 ? \"+\" : \"\"}${money(bet.profit!)}`;\n return (\n \n {bet.pickLabel}\n ·\n {money(bet.stake)}\n {profitText}\n \n );\n}\n\nfunction Chip({ active, disabled, onClick, children }: {\n active: boolean;\n disabled?: boolean;\n onClick: () => void;\n children: React.ReactNode;\n}) {\n return (\n \n {children}\n \n );\n}\n\nexport function GameCard({ game, bankroll, onChanged, onError }: Props) {\n const [sel, setSel] = useState(null);\n const [stake, setStake] = useState(\"10\");\n const [busy, setBusy] = useState(false);\n\n const finished = game.completed;\n const noLines = game.spread == null && game.overUnder == null && game.homeMoneyline == null && game.awayMoneyline == null;\n\n const pick = (betType: BetType, side: string, label: string) =>\n setSel((prev) => (prev?.betType === betType && prev.side === side ? null : { betType, side, label }));\n\n const submit = async () => {\n if (!sel) return;\n setBusy(true);\n try {\n await placeBet({ gameId: game.id, betType: sel.betType, side: sel.side, stake: Number(stake) });\n setSel(null);\n setStake(\"10\");\n onChanged();\n } catch (e) {\n onError(e instanceof Error ? e.message : \"Could not place bet.\");\n } finally {\n setBusy(false);\n }\n };\n\n return (\n

\n {/* Header */}\n

\n {fmtDate(game.date)}\n {finished ? (\n FINAL\n ) : (\n Upcoming\n )}\n

\n\n {/* Teams + scores */}\n

\n {[game.away, game.home].map((team, i) => {\n const isHome = i === 1;\n const score = isHome ? game.homeScore : game.awayScore;\n const isWinner =\n finished && game.homeScore != null && game.awayScore != null &&\n ((isHome && game.homeScore > game.awayScore) || (!isHome && game.awayScore > game.homeScore));\n return (\n

\n $\"\"$ \n

\n {team.displayName}\n {isHome && (home)}\n

\n {finished && {score ?? \"–\"}}\n

\n );\n })}\n

\n\n {/* Lines */}\n

\n {game.spreadLabel && Spread: {game.spreadLabel}}\n {game.overUnder != null && O/U {game.overUnder}}\n {game.homeMoneyline != null && game.awayMoneyline != null && (\n \n ML: {game.away.abbr} {fmtOdds(game.awayMoneyline)} / {game.home.abbr} {fmtOdds(game.homeMoneyline)}\n \n )}\n

\n\n {/* Bet slip */}\n {!finished && !noLines && (\n

Spread

\n game.spread != null && pick(\"spread\", \"away\", `${game.away.abbr} +${-game.spread!}`)} disabled={game.spread == null}>\n {game.away.abbr} {game.spread != null ? `+${-game.spread}` : \"–\"}\n \n game.spread != null && pick(\"spread\", \"home\", `${game.home.abbr} ${game.spread!}`)} disabled={game.spread == null}>\n {game.home.abbr} {game.spread != null ? `${game.spread > 0 ? \"+\" : \"\"}${game.spread}` : \"–\"}\n \n

Total

\n game.overUnder != null && pick(\"total\", \"over\", `Over ${game.overUnder}`)} disabled={game.overUnder == null}>\n Over {game.overUnder ?? \"–\"}\n \n game.overUnder != null && pick(\"total\", \"under\", `Under ${game.overUnder}`)} disabled={game.overUnder == null}>\n Under {game.overUnder ?? \"–\"}\n \n

Moneyline

\n game.awayMoneyline != null && pick(\"moneyline\", \"away\", `${game.away.abbr} ML`)} disabled={game.awayMoneyline == null}>\n {game.away.abbr} {game.awayMoneyline != null ? fmtOdds(game.awayMoneyline) : \"–\"}\n \n game.homeMoneyline != null && pick(\"moneyline\", \"home\", `${game.home.abbr} ML`)} disabled={game.homeMoneyline == null}>\n {game.home.abbr} {game.homeMoneyline != null ? fmtOdds(game.homeMoneyline) : \"–\"}\n \n

\n\n {sel && (\n

\n {sel.label}\n setStake(e.target.value)}\n className=\"w-24 rounded-lg bg-white/5 border border-white/10 px-2 py-1.5 text-sm text-white\"\n />\n bankroll}\n className=\"rounded-lg bg-emerald-500 hover:bg-emerald-400 text-black font-semibold px-4 py-1.5 text-sm cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed\"\n >\n {busy ? \"Placing…\" : \"Bet\"}\n \n

\n )}\n

\n )}\n\n {/* Existing bets on this game */}\n {game.bets.length > 0 && (\n

\n {game.bets.map((b) => (\n \n ))}\n

\n )}\n

\n );\n}\n","deleted",false,"label",[47,48,24],"frontend","components","bd982b4e-7d01-4dd7-b746-c1f70fbfa9e8",["D",1788918736700],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","NFL pick'em & simulated bankroll betting app with real ESPN data","imageUrl","userId","f9e3ca71-3efe-459f-8238-02505cd1e34e","pinnedFileId","01a083dd-a784-740f-ad04-36397e47d99f","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a083da-e415-7538-8e5b-1c2e98dba80b","tursoName","bd982b4e7d014dd7b746c1f70fbfa9e8","tursoHostname","bd982b4e7d014dd7b746c1f70fbfa9e8-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789530642963],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_109":105},"org",{"_9":10,"_102":103,"_104":105,"_59":60,"_106":107,"_108":44},"branch",{"_37":92,"_11":93,"_22":30,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":12,"_101":10},"isOwned",30,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Michael Freedman","avatar","https://lh3.googleusercontent.com/a/ACg8ocLNlBCcJsODlTN6IwagSlTpF8cuTaIF5s9T-KOXm8gKP1cMrQ=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":38,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":93,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]