[FEATURE] Wallet (DO NOT MERGE)

hooks/useGenerateWallet.ts

@@ -0,0 +1,28 @@
+import { useCallback } from 'react';
+import { ENCRIPTION_KEY } from '../const/encription-key';
+import { useAppProvider } from '../AppContext';
+import { generate } from '../helpers/generate';
+import { encrypt } from '../helpers/crypto';
+
+export const useGenerateWallet = () => {
+  const { dispatch, actions } = useAppProvider();
+
+  const generateWallet = useCallback(() => {
+    const { mnemonic, address } = generate();
+    const encrypted = encrypt(mnemonic, `${address}${ENCRIPTION_KEY}`);
+
+    dispatch({
+      type: actions.CLEAR,
+    });
+    dispatch({
+      type: actions.GENERATE,
+      address,
+      encrypted: encrypted,
+      accessToken: '',
+    });
+  }, [actions.CLEAR, actions.GENERATE, dispatch]);
+
+  return {
+    generateWallet,
+  };
+};

screens/HomeScreen.tsx

@@ -30,6 +30,7 @@ import { formatAmount } from '../lib/sdkDappUtils';
 import { getProviderInstance } from '../providers/providerInstance';
 import { decodeMessage } from '../helpers/decodeMessage';
 import { useGenerateBaseTransaction } from '../hooks/useGenerateBaseTransaction';
+import { useGenerateWallet } from '../hooks/useGenerateWallet';
 
 const AsyncStorage = getStorage();
 
@@ -85,6 +86,7 @@ const InfoCard = ({
 );
 
 const HomeScreen: React.FC = () => {
+  const { generateWallet } = useGenerateWallet();
   const { dispatch, actions } = useAppProvider();
   const { network } = useGetNetworkConfig();
   const { address, account } = useGetAccountInfo();
@@ -114,6 +116,10 @@ const HomeScreen: React.FC = () => {
     await provider.login();
   };
 
+  const generate = () => {
+    generateWallet();
+  };
+
   const signMessage = async () => {
     try {
       const messageToSign = new Message({
@@ -429,6 +435,13 @@ const HomeScreen: React.FC = () => {
                   variant="primary"
                 />
               </View>
+
+              <ActionButton
+                onPress={generate}
+                title="Generate New Wallet"
+                icon="✨"
+                variant="secondary"
+              />
             </View>
           </View>
         )}