Properly reset chained flow on account logout

src/components/Process/Chained.tsx

@@ -90,13 +90,13 @@ export const ChainedResults = ({ root }: ChainedProcessesProps) => {
 const ChainedProcessesWrapper = () => {
   // note election context refers to the root election here, ALWAYS
   const { connected, election } = useElection()
-  const { processes, current, root, setCurrent } = useChainedProcesses()
+  const { processes, current, root, setCurrent, reset } = useChainedProcesses()
 
   // set current to root if login out
   useEffect(() => {
     if (connected) return
 
-    setCurrent(root.id)
+    reset()
   }, [connected])
 
   if (!current || !processes[current] || !election || election instanceof InvalidElection) {

src/components/Process/ChainedContext.tsx

@@ -12,6 +12,7 @@ type ChainedContextState = {
   root: PublishedElection
   setProcess: (id: string, process: PublishedElection) => void
   setCurrent: (id: string | null) => void
+  reset: () => void
 }
 
 type ChainedProviderProps = {
@@ -32,8 +33,15 @@ export const ChainedProvider: FC<PropsWithChildren<ChainedProviderProps>> = ({ c
     }))
   }
 
+  const reset = () => {
+    setProcesses((prev) => ({
+      [root.id]: prev[root.id],
+    }))
+    setCurrent(root.id)
+  }
+
   return (
-    <ChainedContext.Provider value={{ processes, client, current, root, setProcess, setCurrent }}>
+    <ChainedContext.Provider value={{ processes, client, current, reset, root, setProcess, setCurrent }}>
       {children}
     </ChainedContext.Provider>
   )