Rename sign request embed component

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"
+  }
 }

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" />,
           }}

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;