[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_194":195,"_196":197},"routes/_app.x.$handle.$name",{"_96":95,"_31":44,"_105":86,"_26":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":24,"_120":121,"_122":58,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/index.tsx","latestPath","fileId","4a7d90ac-ab02-11f1-a5cb-1607ee4eb77e","name","index.tsx","fileType","script","content","import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { Wallet, Send, ArrowDownLeft, ArrowUpRight, CreditCard, Users, Settings, Home, Menu, X, Plus } from \"https://esm.sh/lucide-react@0.468.0?deps=react@18.2.0\";\n\nconst txs = [\n [\"Wallet funding\", \"Today · 09:42\", \"+₦150,000\", true],\n [\"Amina Yusuf\", \"Today · 08:16\", \"-₦35,000\", false],\n [\"Electricity bill\", \"Yesterday · 18:20\", \"-₦12,500\", false],\n [\"Salary payment\", \"Sep 5 · 10:04\", \"+₦420,000\", true],\n];\n\nfunction App() {\n const [tab, setTab] = useState(\"Overview\");\n const [open, setOpen] = useState(false);\n const [toast, setToast] = useState(\"\");\n const notify = (m: string) => { setToast(m); setTimeout(() => setToast(\"\"), 2200); };\n const nav = [\n [\"Overview\", Home], [\"Payments\", Send], [\"Transactions\", ArrowUpRight],\n [\"Beneficiaries\", Users], [\"Cards\", CreditCard], [\"Settings\", Settings]\n ] as const;\n\n return

\n \n

Merchant workspace

{tab}

\n {tab === \"Overview\" ? <>\n

Available balance

₦2,845,650.00

↗ 8.4% this month

{[[\"Total inflow\",\"₦4,920,000\",\"+12.8%\"],[\"Total outflow\",\"₦2,074,350\",\"-3.1%\"],[\"Pending\",\"₦86,500\",\"4 transfers\"]].map(x=>

{x[0]}{x[1]}{x[2]}

)}

Recent transactions

Your latest account activity

{txs.map(t=>

{t[3]?:}

{t[0]}{t[1]}

{t[2]}

)}

Quick actions

Common banking tasks

{[[\"Fund wallet\",Plus],[\"Bank transfer\",Send],[\"Beneficiaries\",Users]].map(([n,I])=>)}

\n :
{tab}
This workspace is ready for the {tab.toLowerCase()} workflow. Connect a licensed banking or payment provider to enable live transactions.
}\n {toast &&
{toast}
}\n view source\n

;\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();","createdAt",["D",1788816175297],"branchVersion","branchId","1f144f86-4f1a-419a-8050-5f8d1da938e9","id","8074913d-880f-4a01-9038-46554e64a68e","genzy-bank",["D",1788816139211],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Genzy Bank fintech dashboard","imageUrl","8b6d384c-5a79-4038-95e9-f0140d2b9f87","pinnedFileId","34fda9ce-ab02-11f1-b52a-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a07db2-8150-74b5-a085-6dfb2b14e42e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","boykelvin030hub","handle","displayName","boykelvin030-hub","avatar","https://avatars.githubusercontent.com/u/326232383?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":190,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":191,"_80":192,"_82":193,"_84":24},"tree",[164,167,168],"files",[164,165,166,167,168],"counts",{"_154":62,"_155":142,"_156":62,"_157":158,"_159":160},"contents",[127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":147,"_31":148,"_29":149,"_133":-5,"_40":41,"_39":150,"_135":58,"_37":151,"_13":62,"_33":152,"_35":-5,"_23":24,"_138":-5,"_26":153},{"_42":140,"_31":141,"_29":56,"_133":-5,"_40":41,"_39":142,"_135":24,"_37":143,"_13":62,"_33":144,"_35":145,"_23":24,"_138":-5,"_26":146},{"_42":130,"_31":131,"_29":132,"_133":-5,"_40":41,"_39":134,"_135":58,"_37":136,"_13":62,"_33":20,"_35":137,"_23":24,"_138":-5,"_26":139},"570aa1c8-9503-4f41-88ce-995c59a44a9b","package.json","37a73bfe-ab02-11f1-8872-1607ee4eb77e","parentId",2,"latest",["D",1788816143704],"{\n \"name\": \"vite-react-app\",\n \"private\": true,\n \"version\": \"0.0.1\",\n \"type\": \"module\",\n \"scripts\": {\"dev\": \"vite\", \"build\": \"vite build\", \"preview\": \"vite preview\"},\n \"dependencies\": {\"lucide-react\": \"^0.469.0\", \"react\": \"^19.0.0\", \"react-dom\": \"^19.0.0\"},\n \"optionalDependencies\": {\"@rollup/rollup-linux-x64-gnu\": \"^4.0.0\"},\n \"devDependencies\": {\"@types/react\": \"^19.0.0\", \"@types/react-dom\": \"^19.0.0\", \"@vitejs/plugin-react\": \"^4.3.0\", \"autoprefixer\": \"^10.4.0\", \"postcss\": \"^8.4.0\", \"tailwindcss\": \"^3.4.0\", \"typescript\": \"^5.7.0\", \"vite\": \"^6.0.0\"}\n}","label",[131],"1c13a56f-0334-4930-bfb7-8996425ef4bb","main.ts",1,["D",1788816139242],"http","export default async function main() { return new Response(\"Genzy Bank\"); }",[141],"da316d01-a7db-41d3-b4c4-17d6f335db8f","frontend","50be2b56-fc40-496b-8714-039e0441dd63",3,["D",1788816148067],"directory",[148],"pulls","branches","forks","envVars",{"_161":62,"_163":62},"connections",{"_161":62,"_162":62},"count","unfilledCount","emptyCount",{"_42":147,"_31":148,"_29":149,"_133":-5,"_40":41,"_39":150,"_135":58,"_37":187,"_13":62,"_33":152,"_35":-5,"_23":24,"_138":-5,"_170":188,"_26":189},{"_42":183,"_31":32,"_29":30,"_133":149,"_40":41,"_39":14,"_135":58,"_37":184,"_13":62,"_33":34,"_35":36,"_23":24,"_138":-5,"_170":185,"_26":186},{"_42":176,"_31":177,"_29":178,"_133":149,"_40":41,"_39":150,"_135":58,"_37":179,"_13":62,"_33":34,"_35":180,"_23":24,"_138":-5,"_170":181,"_26":182},{"_42":140,"_31":141,"_29":56,"_133":-5,"_40":41,"_39":142,"_135":24,"_37":173,"_13":62,"_33":144,"_35":145,"_23":24,"_138":-5,"_170":174,"_26":175},{"_42":130,"_31":131,"_29":132,"_133":-5,"_40":41,"_39":134,"_135":58,"_37":169,"_13":62,"_33":20,"_35":137,"_23":24,"_138":-5,"_170":171,"_26":172},["D",1788816143704],"children",[],[131],["D",1788816139242],[],[141],"ea6a1522-7bcf-4f5e-94a6-7f64fb2b996e","root.tsx","3a41e63e-ab02-11f1-934c-1607ee4eb77e",["D",1788816148067],"import { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport function Root() {\n return `Genzy Bank
`;\n}",[],[148,177],"ef2ccba7-e095-41d0-a3bf-e3bae64ef850",["D",1788816175297],[],[148,32],["D",1788816148067],[165,166],[148],["D",1788816139211],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_124":227,"_228":229,"_230":231,"_232":24,"_233":24,"_234":24,"_235":58,"_236":-5,"_237":-7,"_238":-7,"_239":62,"_240":24,"_241":24,"_242":-5,"_243":24,"_244":24,"_245":24,"_246":-5},"ENV",{"_198":199,"_200":201,"_202":86,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v4