Add support for tracking offchain accounts (#4)

Author: gskril

.github/workflows/docker.yml

@@ -4,8 +4,6 @@ on:
   push:
     branches: [main]
     tags: ['v*']
-  pull_request:
-    branches: [main]
 
 jobs:
   build:

client/src/App.tsx

@@ -4,6 +4,7 @@ import { AccountCard } from './components/AccountCard'
 import { BalanceCard } from './components/BalanceCard'
 import { ChainCard } from './components/ChainCard'
 import { Layout } from './components/Layout'
+import { PortfolioCard } from './components/PortfolioCard'
 import { TokenCard } from './components/TokenCard'
 import { Home } from './screens/Home'
 
@@ -12,10 +13,11 @@ function App() {
     <Layout>
       <Routes>
         <Route path="/" element={<Home />} />
-        <Route path="/portfolio" element={<BalanceCard />} />
+        <Route path="/portfolio" element={<PortfolioCard />} />
         <Route path="/chains" element={<ChainCard />} />
         <Route path="/accounts" element={<AccountCard />} />
         <Route path="/tokens" element={<TokenCard />} />
+        <Route path="/balances" element={<BalanceCard />} />
       </Routes>
     </Layout>
   )

client/src/components/AccountCard.tsx

@@ -73,8 +73,8 @@ export function AccountCard() {
                     variant="outline"
                     size="icon"
                     onClick={async () => {
-                      const promise = honoClient.accounts[':address'].$delete({
-                        param: { address: account.address },
+                      const promise = honoClient.accounts[':id'].$delete({
+                        param: { id: account.id.toString() },
                       })
 
                       toast.promise(promise, {
@@ -104,15 +104,15 @@ export function AccountCard() {
 const addAccountSchema = zfd.formData({
   name: zfd.text(z.string().optional()),
   description: zfd.text(z.string().optional()),
-  addressOrName: zfd.text(),
+  addressOrName: zfd.text(z.string().optional()),
 })
 
 function AccountDialog({
   address,
   prompt,
   ...buttonProps
 }: {
-  address?: string
+  address?: string | null
   prompt: 'Add' | 'Edit'
 } & VariantProps<typeof buttonVariants>) {
   const accounts = useAccounts()
@@ -141,7 +141,6 @@ function AccountDialog({
       },
       error: {
         message: `Failed to ${prompt.toLowerCase()} account`,
-        description: 'Be sure to use the checksummed address',
       },
     })
   }
@@ -198,7 +197,7 @@ function AccountDialog({
             <Input
               name="addressOrName"
               placeholder="0x1234567890123456789012345678901234567890"
-              defaultValue={selectedAccount?.address}
+              defaultValue={selectedAccount?.address ?? ''}
               autoComplete="off"
               data-1p-ignore
             />