wip conversion UI

1 files changed, 21 insertions, 0 deletions

diff --git a/packages/demobank-ui/src/Routing.tsx b/packages/demobank-ui/src/Routing.tsx
index 14df5a274..880a8135b 100644
--- a/packages/demobank-ui/src/Routing.tsx
+++ b/packages/demobank-ui/src/Routing.tsx
@@ -50,6 +50,7 @@ import { ShowCashoutDetails } from "./pages/business/ShowCashoutDetails.js";
 import { urlPattern, useCurrentLocation } from "./route.js";
 import { useNavigationContext } from "./context/navigation.js";
 import { useEffect } from "preact/hooks";
+import { ConversionConfig } from "./pages/ConversionConfig.js";
 
 export function Routing(): VNode {
   const backend = useBackendState();
@@ -230,6 +231,7 @@ export const privatePages = {
   myAccountDetails: urlPattern(/\/my-profile/, () => "#/my-profile"),
   myAccountPassword: urlPattern(/\/my-password/, () => "#/my-password"),
   myAccountCashouts: urlPattern(/\/my-cashouts/, () => "#/my-cashouts"),
+  conversionConfig: urlPattern(/\/conversion/, () => "#/conversion"),
   accountDetails: urlPattern<{ account: string }>(
     /\/profile\/(?<account>[a-zA-Z0-9_-]+)\/details/,
     ({ account }) => `#/profile/${account}/details`,
@@ -338,6 +340,7 @@ function PrivateRouting({
           routeMyAccountDelete={privatePages.myAccountDelete}
           routeMyAccountDetails={privatePages.myAccountDetails}
           routeMyAccountPassword={privatePages.myAccountPassword}
+          routeConversionConfig={privatePages.conversionConfig}
           onAuthorizationRequired={() =>
             navigateTo(privatePages.solveSecondFactor.url({}))
           }
@@ -356,6 +359,7 @@ function PrivateRouting({
           routeMyAccountDelete={privatePages.myAccountDelete}
           routeMyAccountDetails={privatePages.myAccountDetails}
           routeMyAccountPassword={privatePages.myAccountPassword}
+          routeConversionConfig={privatePages.conversionConfig}
           onAuthorizationRequired={() =>
             navigateTo(privatePages.solveSecondFactor.url({}))
           }
@@ -387,6 +391,7 @@ function PrivateRouting({
           routeMyAccountDelete={privatePages.myAccountDelete}
           routeMyAccountDetails={privatePages.myAccountDetails}
           routeMyAccountPassword={privatePages.myAccountPassword}
+          routeConversionConfig={privatePages.conversionConfig}
           onAuthorizationRequired={() =>
             navigateTo(privatePages.solveSecondFactor.url({}))
           }
@@ -413,6 +418,7 @@ function PrivateRouting({
           routeHere={privatePages.accountDetails}
           onUpdateSuccess={() => navigateTo(privatePages.home.url({}))}
           routeMyAccountCashout={privatePages.myAccountCashouts}
+          routeConversionConfig={privatePages.conversionConfig}
           routeMyAccountDelete={privatePages.myAccountDelete}
           routeMyAccountDetails={privatePages.myAccountDetails}
           routeMyAccountPassword={privatePages.myAccountPassword}
@@ -434,6 +440,7 @@ function PrivateRouting({
           routeMyAccountDelete={privatePages.myAccountDelete}
           routeMyAccountDetails={privatePages.myAccountDetails}
           routeMyAccountPassword={privatePages.myAccountPassword}
+          routeConversionConfig={privatePages.conversionConfig}
           onAuthorizationRequired={() =>
             navigateTo(privatePages.solveSecondFactor.url({}))
           }
@@ -451,6 +458,7 @@ function PrivateRouting({
           routeMyAccountDelete={privatePages.myAccountDelete}
           routeMyAccountDetails={privatePages.myAccountDetails}
           routeMyAccountPassword={privatePages.myAccountPassword}
+          routeConversionConfig={privatePages.conversionConfig}
           onAuthorizationRequired={() =>
             navigateTo(privatePages.solveSecondFactor.url({}))
           }
@@ -553,6 +561,19 @@ function PrivateRouting({
         />
       );
     }
+    case "conversionConfig": {
+      return <ConversionConfig
+        routeMyAccountCashout={privatePages.myAccountCashouts}
+        routeMyAccountDelete={privatePages.myAccountDelete}
+        routeMyAccountDetails={privatePages.myAccountDetails}
+        routeMyAccountPassword={privatePages.myAccountPassword}
+        routeConversionConfig={privatePages.conversionConfig}
+        routeCancel={privatePages.home} 
+        onUpdateSuccess={() => {
+          navigateTo(privatePages.home.url({}))
+        }}
+        />;
+    }
     case "homeWireTransfer": {
       return (
         <AccountPage