fix(miniapp): show original ledger currencies

apps/bot/src/miniapp-dashboard.test.ts

@@ -63,6 +63,7 @@ function repository(
         id: 'purchase-1',
         payerMemberId: member?.id ?? 'member-1',
         amountMinor: 3000n,
+        currency: 'GEL',
         description: 'Soap',
         occurredAt: instantFromIso('2026-03-12T11:00:00.000Z')
       }
@@ -244,10 +245,12 @@ describe('createMiniAppDashboardHandler', () => {
         ],
         ledger: [
           {
-            title: 'Soap'
+            title: 'Soap',
+            currency: 'GEL'
           },
           {
-            title: 'Electricity'
+            title: 'Electricity',
+            currency: 'USD'
           }
         ]
       }

apps/bot/src/miniapp-dashboard.ts

@@ -103,6 +103,7 @@ export function createMiniAppDashboardHandler(options: {
                 kind: entry.kind,
                 title: entry.title,
                 amountMajor: entry.amount.toMajorString(),
+                currency: entry.currency,
                 actorDisplayName: entry.actorDisplayName,
                 occurredAt: entry.occurredAt
               }))

apps/miniapp/src/App.tsx

@@ -413,6 +413,7 @@ function App() {
               kind: 'purchase',
               title: 'Soap',
               amountMajor: '30.00',
+              currency: 'GEL',
               actorDisplayName: 'Alice',
               occurredAt: '2026-03-12T11:00:00.000Z'
             },
@@ -421,6 +422,7 @@ function App() {
               kind: 'utility',
               title: 'Electricity',
               amountMajor: '120.00',
+              currency: 'GEL',
               actorDisplayName: 'Alice',
               occurredAt: '2026-03-12T12:00:00.000Z'
             }
@@ -898,7 +900,7 @@ function App() {
             <ShowDashboard
               dashboard={dashboard()}
               fallback={<p>{copy().emptyDashboard}</p>}
-              render={(data) => (
+              render={() => (
                 <>
                   <article class="balance-item">
                     <header>
@@ -913,7 +915,7 @@ function App() {
                             <header>
                               <strong>{entry.title}</strong>
                               <span>
-                                {entry.amountMajor} {data.currency}
+                                {entry.amountMajor} {entry.currency}
                               </span>
                             </header>
                             <p>{entry.actorDisplayName ?? copy().ledgerActorFallback}</p>
@@ -935,7 +937,7 @@ function App() {
                             <header>
                               <strong>{entry.title}</strong>
                               <span>
-                                {entry.amountMajor} {data.currency}
+                                {entry.amountMajor} {entry.currency}
                               </span>
                             </header>
                             <p>{entry.actorDisplayName ?? copy().ledgerActorFallback}</p>
@@ -1564,7 +1566,7 @@ function App() {
                           <header>
                             <strong>{entry.title}</strong>
                             <span>
-                              {entry.amountMajor} {data.currency}
+                              {entry.amountMajor} {entry.currency}
                             </span>
                           </header>
                           <p>{entry.actorDisplayName ?? copy().ledgerActorFallback}</p>

apps/miniapp/src/index.css

@@ -252,9 +252,9 @@ button {
 
 .balance-item header,
 .ledger-item header {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: start;
   gap: 12px;
   margin-bottom: 10px;
 }
@@ -262,6 +262,7 @@ button {
 .balance-item strong,
 .ledger-item strong {
   font-size: 1rem;
+  overflow-wrap: anywhere;
 }
 
 .balance-item p,
@@ -298,7 +299,7 @@ button {
 
 .settings-grid {
   display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1fr);
   gap: 12px;
   margin-top: 12px;
 }
@@ -362,10 +363,16 @@ button {
   }
 
   .settings-grid {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
   .panel--wide {
     grid-column: 1 / -1;
   }
 }
+
+@media (min-width: 980px) {
+  .settings-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}

apps/miniapp/src/miniapp-api.ts

@@ -81,6 +81,7 @@ export interface MiniAppDashboard {
     kind: 'purchase' | 'utility'
     title: string
     amountMajor: string
+    currency: 'USD' | 'GEL'
     actorDisplayName: string | null
     occurredAt: string | null
   }[]