Add proper modal for fund flow

LedgerHQ · Jan 12, 2022 · ec3c5c9 · ec3c5c9
1 parent 6ccdb40
commit ec3c5c9
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/src/renderer/components/DeviceAction/index.js b/src/renderer/components/DeviceAction/index.js
@@ -28,7 +28,7 @@ import {
   renderListingApps,
   renderWarningOutdated,
   renderSwapDeviceConfirmationV2,
-  renderSellDeviceConfirmation,
+  renderSecureTransferDeviceConfirmation,
 } from "./rendering";
 
 type OwnProps<R, H, P> = {
@@ -173,7 +173,13 @@ const DeviceAction = <R, H, P>({
 
       // sell
       case 0x01:
-        return renderSellDeviceConfirmation({ modelId, type });
+      // fund
+      case 0x02:
+        return renderSecureTransferDeviceConfirmation({
+          exchangeType: exchangeType === 0x01 ? "sell" : "fund",
+          modelId,
+          type,
+        });
 
       default:
         return <div>{"Confirm exchange on your device"}</div>;
@@ -197,7 +203,7 @@ const DeviceAction = <R, H, P>({
   }
 
   if (initSellRequested && !initSellResult && !initSellError) {
-    return renderSellDeviceConfirmation({ modelId, type });
+    return renderSecureTransferDeviceConfirmation({ exchangeType: "sell", modelId, type });
   }
 
   if (allowOpeningRequestedWording || requestOpenApp) {

diff --git a/src/renderer/components/DeviceAction/rendering.js b/src/renderer/components/DeviceAction/rendering.js
@@ -733,21 +733,23 @@ export const renderSwapDeviceConfirmationV2 = ({
   );
 };
 
-export const renderSellDeviceConfirmation = ({
+export const renderSecureTransferDeviceConfirmation = ({
+  exchangeType,
   modelId,
   type,
 }: {
+  exchangeType: "sell" | "fund",
   modelId: DeviceModelId,
   type: "light" | "dark",
 }) => (
   <>
     <Alert type="primary" learnMoreUrl={urls.swap.learnMore} horizontal={false}>
-      <Trans i18nKey="DeviceAction.sell.notice" />
+      <Trans i18nKey={`DeviceAction.${exchangeType}.notice`} />
     </Alert>
     {renderVerifyUnwrapped({ modelId, type })}
     <Box alignItems={"center"}>
       <Text textAlign="center" ff="Inter|SemiBold" color="palette.text.shade100" fontSize={5}>
-        <Trans i18nKey="DeviceAction.sell.confirm" />
+        <Trans i18nKey={`DeviceAction.${exchangeType}.confirm`} />
       </Text>
     </Box>
   </>

diff --git a/static/i18n/en/app.json b/static/i18n/en/app.json
@@ -1505,6 +1505,10 @@
     "sell": {
       "notice": "Verify the Sell details on your device before sending it. The addresses are exchanged securely so you don’t have to verify them.",
       "confirm": "Confirm Sell transaction"
+    },
+    "fund": {
+      "notice": "Verify the Fund details on your device before sending it. The addresses are exchanged securely so you don't have to verify them.",
+      "confirm": "Confirm Fund transaction"
     }
   },
   "manager": {