fix: showing start again in the last main screen

1 files changed, 29 insertions, 12 deletions

diff --git a/packages/anastasis-webui/src/components/menu/SideBar.tsx b/packages/anastasis-webui/src/components/menu/SideBar.tsx
index 91b49f9ce..51e854944 100644
--- a/packages/anastasis-webui/src/components/menu/SideBar.tsx
+++ b/packages/anastasis-webui/src/components/menu/SideBar.tsx
@@ -190,6 +190,19 @@ export function Sidebar({ mobile }: Props): VNode {
                   </div>
                 </li>
               )}
+              {reducer.currentReducerState.backup_state !==
+                BackupStates.BackupFinished && (
+                <li>
+                  <div class="buttons ml-4">
+                    <button
+                      class="button is-danger is-right"
+                      onClick={() => reducer.reset()}
+                    >
+                      Reset session
+                    </button>
+                  </div>
+                </li>
+              )}
             </Fragment>
           ) : (
             reducer.currentReducerState?.reducer_type === "recovery" && (
@@ -281,21 +294,25 @@ export function Sidebar({ mobile }: Props): VNode {
                     </div>
                   </li>
                 )}
+                {reducer.currentReducerState.recovery_state ===
+                RecoveryStates.RecoveryFinished ? (
+                  <Fragment />
+                ) : (
+                  <li>
+                    <div class="buttons ml-4">
+                      <button
+                        class="button is-danger is-right"
+                        onClick={() => reducer.reset()}
+                      >
+                        Reset session
+                      </button>
+                    </div>
+                  </li>
+                )}
               </Fragment>
             )
           )}
-          {reducer.currentReducerState && (
-            <li>
-              <div class="buttons ml-4">
-                <button
-                  class="button is-danger is-right"
-                  onClick={() => reducer.reset()}
-                >
-                  Start again
-                </button>
-              </div>
-            </li>
-          )}
+
           {/* <li>
               <div class="buttons ml-4">
                 <button class="button is-info is-right" >Manage providers</button>