[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_109":110,"_111":112},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","pchinjr","name","miata-life-crisis","path","frontend/components/AdminFinance.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/pchinjr/miata-life-crisis/code/frontend/components/AdminFinance.tsx","extension","id","3edf5e19-3dc0-477e-a93a-394e22951194","AdminFinance.tsx","fileId","1e6b2b92-a151-11f1-9e05-1607ee4eb77e","parentId","01a03bb4-ad04-7558-b577-deb638acb2bb","branchId","deb63916-95c3-4389-b9d3-b76b7f2e6f65","branchVersion",14,"latest",true,"createdAt",["D",1787750519983],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect,useState } from \"https://esm.sh/react@18.2.0\";\nconst dollars=(c:number)=>(Number(c||0)/100).toFixed(2);\nexport function AdminFinance(){\n const [d,setD]=useState(null),[msg,setMsg]=useState(\"\");const [tx,setTx]=useState({transaction_date:new Date().toISOString().slice(0,10),type:\"expense\",category:\"Fleet maintenance\",payee:\"\",description:\"\",amount:\"0.00\",receipt_url:\"\"});\n const load=()=>fetch(\"/api/finance\").then(r=>r.json()).then(setD);useEffect(()=>{load()},[]);\n const request=async(path:string,method:string,body:any)=>{const r=await fetch(\"/api/admin/finance/\"+path,{method,headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(body)});const j=await r.json();setMsg(j.error||\"Saved to the public ledger.\");if(r.ok)await load()};\n if(!d)return null;async function post(e:any){e.preventDefault();await request(\"transactions\",\"POST\",tx);setTx({...tx,payee:\"\",description:\"\",amount:\"0.00\",receipt_url:\"\"})}\n return

Public money controls

Financial management

Every save immediately changes the public ledger.

Open ledger ↗

Post a transaction

setTx({...tx,transaction_date:e.target.value})}/>

setTx({...tx,category:e.target.value})}/>setTx({...tx,payee:e.target.value})}/>

setTx({...tx,description:e.target.value})}/></Field><div className=\"grid grid-cols-2 gap-3\"><Field label=\"Amount ($)\"><input type=\"number\" min=\"0\" step=\".01\" required value={tx.amount} onChange={e=>setTx({...tx,amount:e.target.value})}/></Field><Field label=\"Receipt URL\"><input type=\"url\" value={tx.receipt_url} onChange={e=>setTx({...tx,receipt_url:e.target.value})}/></Field></div><button className=\"bg-[#191919] text-white rounded-full px-5 py-3 font-black\">POST PUBLICLY →</button></form><Settings d={d} save={(b:any)=>request(\"settings\",\"PATCH\",b)}/></div>\n <h3 className=\"text-2xl font-black mt-10\">Budget assumptions</h3><div className=\"grid md:grid-cols-2 gap-4 mt-4\">{d.budget.map((b:any)=><Budget key={b.id} b={b} save={(body:any)=>request(\"budget/\"+b.id,\"PATCH\",body)}/>)}</div>\n {d.transactions.length>0&&<div className=\"mt-10\"><h3 className=\"text-2xl font-black\">Correction controls</h3><div className=\"bg-white border-2 border-[#191919] rounded-2xl mt-4\">{d.transactions.map((t:any)=><div className=\"p-4 border-b last:border-0 flex justify-between gap-4\"><div><b>{t.transaction_date} · {t.description}</b><p className=\"text-sm text-gray-500\">{\"$\"+dollars(t.amount_cents)} · {t.voided_at?\"Voided: \"+t.void_reason:\"Active\"}</p></div>{!t.voided_at&&<button onClick={()=>{const reason=prompt(\"Public reason for voiding this entry:\");if(reason)request(\"transactions/\"+t.id+\"/void\",\"PATCH\",{reason})}} className=\"text-red-700 underline font-bold\">Void</button>}</div>)}</div></div>}{msg&&<div className=\"fixed bottom-5 right-5 bg-[#191919] text-white px-5 py-3 rounded-full font-bold\">{msg}</div>}</section>}\nfunction Field({label,children}:any){return <label className=\"text-sm font-bold block\">{label}<div className=\"[&>*]:block [&>*]:w-full [&>*]:border-2 [&>*]:border-[#191919] [&>*]:rounded-lg [&>*]:p-2 [&>*]:mt-1\">{children}</div></label>}\nfunction Settings({d,save}:any){const q=d.settings;const [f,setF]=useState({period_label:q.period_label,projected_members:q.projected_members,reserve_target:dollars(q.reserve_target_cents),opening_balance:dollars(q.opening_balance_cents)});return <form onSubmit={e=>{e.preventDefault();save(f)}} className=\"bg-white border-2 border-[#191919] rounded-2xl p-6 space-y-4\"><h3 className=\"text-2xl font-black\">Dues assumptions</h3><Field label=\"Quarter label\"><input value={f.period_label} onChange={e=>setF({...f,period_label:e.target.value})}/></Field><Field label=\"Projected participating members\"><input type=\"number\" min=\"1\" value={f.projected_members} onChange={e=>setF({...f,projected_members:Number(e.target.value)})}/></Field><div className=\"grid grid-cols-2 gap-3\"><Field label=\"Reserve target ($)\"><input type=\"number\" step=\".01\" min=\"0\" value={f.reserve_target} onChange={e=>setF({...f,reserve_target:e.target.value})}/></Field><Field label=\"Opening cash ($)\"><input type=\"number\" step=\".01\" value={f.opening_balance} onChange={e=>setF({...f,opening_balance:e.target.value})}/></Field></div><button className=\"bg-[#2364aa] text-white rounded-full px-5 py-3 font-black\">RECALCULATE DUES</button></form>}\nfunction Budget({b,save}:any){const [amount,setAmount]=useState(dollars(b.planned_cents)),[explanation,setExplanation]=useState(b.explanation);return <form onSubmit={e=>{e.preventDefault();save({planned_amount:amount,explanation})}} className=\"bg-white border-2 border-[#191919] rounded-2xl p-5\"><h4 className=\"font-black text-xl\">{b.category}</h4><Field label=\"Planned cost ($)\"><input type=\"number\" min=\"0\" step=\".01\" value={amount} onChange={e=>setAmount(e.target.value)}/></Field><Field label=\"Public explanation\"><textarea value={explanation} onChange={e=>setExplanation(e.target.value)}/></Field><button className=\"mt-3 border-2 border-[#191919] rounded-full px-4 py-2 font-black\">SAVE LINE</button></form>}","deleted",false,"label",[47,48,24],"frontend","components","39ce0c14-ff21-409b-88eb-7823ab8d5d9d",["D",1787708091556],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Socially owned motorsport experiences","imageUrl","userId","40e69d1a-3254-4858-920b-7b1449761575","pinnedFileId","01a03bb4-ad04-7558-b577-f8ab6dcd8446","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","54bae3d1-8223-41e5-b22d-81eb28a263c7","tursoName","39ce0c14ff21409b88eb7823ab8d5d9d","tursoHostname","39ce0c14ff21409b88eb7823ab8d5d9d-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789533091345],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_108":104},"org",{"_9":10,"_102":-5,"_103":104,"_59":60,"_105":106,"_107":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",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2OaSpooJk6yZ5KFqyjtIVA4z3SH.jpeg","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_142":143,"_144":145,"_146":147,"_148":44,"_149":44,"_150":44,"_151":34,"_152":-5,"_153":-7,"_154":-7,"_155":38,"_156":44,"_157":44,"_158":-5,"_159":44,"_160":44,"_161":44,"_162":-5},"ENV",{"_113":114,"_115":116,"_117":93,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]
</article></body></html>