From 345cdb11ad014c4910d1d507489854229a5617d5 Mon Sep 17 00:00:00 2001
From: AdityaSalunkhe21 <adityasalunkhe2204@gmail.com>
Date: Fri, 25 Apr 2025 16:17:53 +0530
Subject: [PATCH] Rename sign request embed component

---
 package.json                                        |  5 ++---
 src/App.tsx                                         |  4 ++--
 .../{SignMessageEmbed.tsx => SignRequestEmbed.tsx}  | 13 ++++++-------
 3 files changed, 10 insertions(+), 12 deletions(-)
 rename src/screens/{SignMessageEmbed.tsx => SignRequestEmbed.tsx} (94%)

diff --git a/package.json b/package.json
index fa66e1a..f44f06f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-wallet",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": true,
   "dependencies": {
     "@cerc-io/registry-sdk": "^0.2.5",
@@ -89,6 +89,5 @@
     "husky": "^9.0.11",
     "react-app-rewired": "^2.2.1",
     "stream-browserify": "^3.0.0"
-  },
-  "packageManager": "yarn@1.22.19+sha1.4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447"
+  }
 }
diff --git a/src/App.tsx b/src/App.tsx
index 477c9a3..1ed1a09 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -41,7 +41,7 @@ import { AutoSignIn } from "./screens/AutoSignIn";
 import { checkSufficientFunds, getPathKey, sendMessage } from "./utils/misc";
 import useAccountsData from "./hooks/useAccountsData";
 import { useWebViewHandler } from "./hooks/useWebViewHandler";
-import SignMessageEmbed from "./screens/SignMessageEmbed";
+import SignRequestEmbed from "./screens/SignRequestEmbed";
 import useAddAccountEmbed from "./hooks/useAddAccountEmbed";
 import useExportPKEmbed from "./hooks/useExportPrivateKeyEmbed";
 
@@ -397,7 +397,7 @@ const App = (): React.JSX.Element => {
         />
         <Stack.Screen
           name="sign-request-embed"
-          component={SignMessageEmbed}
+          component={SignRequestEmbed}
           options={{
             header: () => <Header title="Wallet" />,
           }}
diff --git a/src/screens/SignMessageEmbed.tsx b/src/screens/SignRequestEmbed.tsx
similarity index 94%
rename from src/screens/SignMessageEmbed.tsx
rename to src/screens/SignRequestEmbed.tsx
index 35f6930..3a599df 100644
--- a/src/screens/SignMessageEmbed.tsx
+++ b/src/screens/SignRequestEmbed.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { ScrollView, View } from 'react-native';
 import { ActivityIndicator, Button, Text, Appbar } from 'react-native-paper';
 
@@ -20,7 +20,7 @@ const REACT_APP_ALLOWED_URLS = process.env.REACT_APP_ALLOWED_URLS;
 
 type SignRequestProps = NativeStackScreenProps<StackParamsList, 'sign-request-embed'>;
 
-const SignMessageEmbed = ({ route }: SignRequestProps) => {
+const SignRequestEmbed = ({ route }: SignRequestProps) => {
   const [displayAccount, setDisplayAccount] = useState<Account>();
   const [message, setMessage] = useState<string>('');
   const [chainId, setChainId] = useState<string>('');
@@ -72,7 +72,7 @@ const SignMessageEmbed = ({ route }: SignRequestProps) => {
     }
   };
 
-  const rejectRequestHandler = async () => {
+  const rejectRequestHandler = useCallback(async () => {
     if (sourceWindow && origin) {
       sendMessage(
         sourceWindow,
@@ -82,7 +82,7 @@ const SignMessageEmbed = ({ route }: SignRequestProps) => {
       );
     }
     navigation.navigate('Home');
-  };
+  }, [navigation, sourceWindow, origin]);
 
   useEffect(() => {
     const handleCosmosSignMessage = async (event: MessageEvent) => {
@@ -150,8 +150,7 @@ const SignMessageEmbed = ({ route }: SignRequestProps) => {
         );
       },
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [navigation]);
+  }, [navigation, rejectRequestHandler]);
 
   return (
     <>
@@ -188,4 +187,4 @@ const SignMessageEmbed = ({ route }: SignRequestProps) => {
   );
 };
 
-export default SignMessageEmbed;
+export default SignRequestEmbed;