[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_106":107,"_108":109},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","boykelvin030hub","name","genzy-bank","path","frontend/index.tsx","project",{"_22":48,"_11":12,"_35":49,"_50":-5,"_51":44,"_52":53,"_54":53,"_55":56,"_57":-5,"_58":59,"_60":61,"_62":34,"_63":-5,"_64":-5,"_65":38,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":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/boykelvin030hub/genzy-bank/code/frontend/index.tsx","extension","id","ef2ccba7-e095-41d0-a3bf-e3bae64ef850","index.tsx","fileId","4a7d90ac-ab02-11f1-a5cb-1607ee4eb77e","parentId","50be2b56-fc40-496b-8714-039e0441dd63","branchId","1f144f86-4f1a-419a-8050-5f8d1da938e9","branchVersion",4,"latest",true,"createdAt",["D",1788816175297],"version",0,"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();","deleted",false,"label",[47,24],"frontend","8074913d-880f-4a01-9038-46554e64a68e",["D",1788816139211],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Genzy Bank fintech dashboard","imageUrl","userId","8b6d384c-5a79-4038-95e9-f0140d2b9f87","pinnedFileId","34fda9ce-ab02-11f1-b52a-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a07db2-8150-74b5-a085-6dfb2b14e42e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_105":101},"org",{"_9":10,"_98":99,"_100":101,"_58":59,"_102":103,"_104":44},"branch",{"_37":88,"_11":89,"_22":30,"_90":48,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":12,"_97":10},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","boykelvin030-hub","avatar","https://avatars.githubusercontent.com/u/326232383?v=4","tier","free","canRestrictVals","profileImageUrl","ctx",{"_81":-5,"_139":140,"_141":142,"_143":144,"_145":44,"_146":44,"_147":44,"_148":34,"_149":-5,"_150":-7,"_151":-7,"_152":38,"_153":44,"_154":44,"_155":-5,"_156":44,"_157":44,"_158":44,"_159":-5},"ENV",{"_110":111,"_112":113,"_114":89,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]