Merge pull request #142 from valory-xyz/tanya/clear-persistent-store

Clear store state when new account is created

electron/preload.js

@@ -15,6 +15,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
     get: (key) => ipcRenderer.invoke('store-get', key),
     set: (key, value) => ipcRenderer.invoke('store-set', key, value),
     delete: (key) => ipcRenderer.invoke('store-delete', key),
+    clear: () => ipcRenderer.invoke('store-clear'),
   },
   setAppHeight: (height) => ipcRenderer.send('set-height', height),
   showNotification: (title, description) =>

electron/store.js

@@ -32,6 +32,7 @@ const setupStoreIpc = async (ipcChannel, mainWindow) => {
   ipcChannel.handle('store-get', (_, key) => store.get(key));
   ipcChannel.handle('store-set', (_, key, value) => store.set(key, value));
   ipcChannel.handle('store-delete', (_, key) => store.delete(key));
+  ipcChannel.handle('store-clear', (_) => store.clear());
 };
 
 module.exports = { setupStoreIpc };

frontend/components/Setup/SetupWelcome.tsx

@@ -14,6 +14,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { AccountIsSetup } from '@/client';
 import { PageState, SetupScreen } from '@/enums';
 import { usePageState, useSetup } from '@/hooks';
+import { useElectronApi } from '@/hooks/useElectronApi';
 import { useWallet } from '@/hooks/useWallet';
 import { AccountService } from '@/service/Account';
 
@@ -22,6 +23,7 @@ import { FormFlex } from '../styled/FormFlex';
 const { Title } = Typography;
 
 export const SetupWelcome = () => {
+  const electronApi = useElectronApi();
   const [isSetup, setIsSetup] = useState<AccountIsSetup>(
     AccountIsSetup.Loading,
   );
@@ -32,8 +34,12 @@ export const SetupWelcome = () => {
         switch (res.is_setup) {
           case true:
             setIsSetup(AccountIsSetup.True);
+
             break;
           case false:
+            // Reset persistent state
+            // if creating new account
+            electronApi.store?.clear?.();
             setIsSetup(AccountIsSetup.False);
             break;
           default:

frontend/context/ElectronApiProvider.tsx

@@ -20,6 +20,7 @@ type ElectronApiContextProps = {
     get?: (key: string) => Promise<unknown>;
     set?: (key: string, value: unknown) => Promise<void>;
     delete?: (key: string) => Promise<void>;
+    clear?: () => Promise<void>;
   };
   setAppHeight?: (height: unknown) => void;
   notifyAgentRunning?: () => void;
@@ -40,6 +41,7 @@ export const ElectronApiContext = createContext<ElectronApiContextProps>({
     get: async () => {},
     set: async () => {},
     delete: async () => {},
+    clear: async () => {},
   },
   setAppHeight: () => {},
 });
@@ -74,6 +76,7 @@ export const ElectronApiProvider = ({ children }: PropsWithChildren) => {
           get: getElectronApiFunction('store.get'),
           set: getElectronApiFunction('store.set'),
           delete: getElectronApiFunction('store.delete'),
+          clear: getElectronApiFunction('store.clear'),
         },
         setAppHeight: getElectronApiFunction('setAppHeight'),
         showNotification: getElectronApiFunction('showNotification'),