fix(miniapp): show original ledger currencies

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
   }[]