From 9b6701aa255250e5b1ba3424321a87dd5fb4b9e7 Mon Sep 17 00:00:00 2001
From: Thunnini <yunjh1994@gmail.com>
Date: Mon, 2 Dec 2024 17:29:04 +0900
Subject: [PATCH] =?UTF-8?q?`LedgerGuideBox`=EC=97=90=20data=EB=A5=BC=20req?=
 =?UTF-8?q?uired=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/sign/components/ledger-guide-box.tsx    |  2 +-
 .../components/account-activation-modal/index.tsx | 15 ++++++++++++++-
 .../src/pages/starknet/sign/message/view.tsx      |  4 ++++
 .../extension/src/pages/starknet/sign/tx/view.tsx |  8 ++++++++
 4 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/apps/extension/src/pages/sign/components/ledger-guide-box.tsx b/apps/extension/src/pages/sign/components/ledger-guide-box.tsx
index fd5c5cd333..63745184ac 100644
--- a/apps/extension/src/pages/sign/components/ledger-guide-box.tsx
+++ b/apps/extension/src/pages/sign/components/ledger-guide-box.tsx
@@ -16,7 +16,7 @@ import { PlainObject } from "@keplr-wallet/background";
 import { FormattedMessage, useIntl } from "react-intl";
 
 export const LedgerGuideBox: FunctionComponent<{
-  data?: {
+  data: {
     keyInsensitive: PlainObject;
     isEthereum: boolean;
   };
diff --git a/apps/extension/src/pages/starknet/components/account-activation-modal/index.tsx b/apps/extension/src/pages/starknet/components/account-activation-modal/index.tsx
index 6a903f4f23..d11c78fc40 100644
--- a/apps/extension/src/pages/starknet/components/account-activation-modal/index.tsx
+++ b/apps/extension/src/pages/starknet/components/account-activation-modal/index.tsx
@@ -21,6 +21,7 @@ import { Column, Columns } from "../../../../components/column";
 import {
   SubmitStarknetTxHashMsg,
   GetStarknetKeyParamsSelectedMsg,
+  PlainObject,
 } from "@keplr-wallet/background";
 import { InExtensionMessageRequester } from "@keplr-wallet/router-extension";
 import { BACKGROUND_PORT, KeplrError } from "@keplr-wallet/router";
@@ -56,12 +57,18 @@ export const AccountActivationModal: FunctionComponent<{
   chainId: string;
 
   onAccountDeployed?: () => void;
-}> = observer(({ close, goBack, chainId, onAccountDeployed }) => {
+
+  data?: {
+    keyInsensitive: PlainObject;
+    isEthereum: boolean;
+  };
+}> = observer(({ close, goBack, chainId, onAccountDeployed, data }) => {
   const {
     chainStore,
     accountStore,
     starknetQueriesStore,
     starknetAccountStore,
+    keyRingStore,
   } = useStore();
 
   const theme = useTheme();
@@ -320,6 +327,12 @@ export const AccountActivationModal: FunctionComponent<{
           disableClick
         />
         <LedgerGuideBox
+          data={
+            data || {
+              keyInsensitive: keyRingStore.selectedKeyInfo!.insensitive,
+              isEthereum: false,
+            }
+          }
           isLedgerInteracting={isLedgerInteracting}
           ledgerInteractingError={ledgerInteractingError}
           isInternal={true}
diff --git a/apps/extension/src/pages/starknet/sign/message/view.tsx b/apps/extension/src/pages/starknet/sign/message/view.tsx
index ee10e797cd..02881dfce1 100644
--- a/apps/extension/src/pages/starknet/sign/message/view.tsx
+++ b/apps/extension/src/pages/starknet/sign/message/view.tsx
@@ -289,6 +289,10 @@ export const SignStarknetMessageView: FunctionComponent<{
         <div style={{ marginTop: "0.75rem", flex: 1 }} />
 
         <LedgerGuideBox
+          data={{
+            keyInsensitive: interactionData.data.keyInsensitive,
+            isEthereum: false,
+          }}
           isLedgerInteracting={isLedgerInteracting}
           ledgerInteractingError={ledgerInteractingError}
           isInternal={interactionData.isInternal}
diff --git a/apps/extension/src/pages/starknet/sign/tx/view.tsx b/apps/extension/src/pages/starknet/sign/tx/view.tsx
index 733ce1d904..caaf569b43 100644
--- a/apps/extension/src/pages/starknet/sign/tx/view.tsx
+++ b/apps/extension/src/pages/starknet/sign/tx/view.tsx
@@ -601,6 +601,10 @@ export const SignStarknetTxView: FunctionComponent<{
         />
 
         <LedgerGuideBox
+          data={{
+            keyInsensitive: interactionData.data.keyInsensitive,
+            isEthereum: false,
+          }}
           isLedgerInteracting={isLedgerInteracting}
           ledgerInteractingError={ledgerInteractingError}
           isInternal={interactionData.isInternal}
@@ -616,6 +620,10 @@ export const SignStarknetTxView: FunctionComponent<{
         }}
       >
         <AccountActivationModal
+          data={{
+            keyInsensitive: interactionData.data.keyInsensitive,
+            isEthereum: false,
+          }}
           close={() => setIsAccountActivationModalOpen(false)}
           onAccountDeployed={() => {
             // account가 deploy 되었을때 gas simulator를 refresh한다.