add reset workspace option

polkadot-cloud · Mar 9, 2024 · ca0273e · ca0273e
1 parent 286896b
commit ca0273e
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 5 deletions.
diff --git a/src/IntegrityChecks/Local.ts b/src/IntegrityChecks/Local.ts
@@ -118,7 +118,7 @@ export const checkLocalChainFilter = () => {
 
 // Tidy up local storage on invalid active tabs. Requires any local storage dependent on tabs config
 // to be removed.
-export const removeLocalStorageState = () => {
+export const removeLocalStorageState = (includeTags = false) => {
   localStorage.removeItem('activeTabs');
   localStorage.removeItem('activeTabId');
   localStorage.removeItem('activeTabIndex');
@@ -127,6 +127,11 @@ export const removeLocalStorageState = () => {
   localStorage.removeItem('appliedTags');
   localStorage.removeItem('pageSections');
   localStorage.removeItem('pageRedirects');
+
+  if (includeTags) {
+    localStorage.removeItem('tags');
+    localStorage.removeItem('tagsConfig');
+  }
 };
 
 // Call all local integrity checks.

diff --git a/src/screens/Settings/WorkspaceSettings/index.tsx b/src/screens/Settings/WorkspaceSettings/index.tsx
@@ -16,6 +16,7 @@ import { useMenu } from 'contexts/Menu';
 import { InDevelopment } from 'library/HelpMenu/InDevelopment';
 import { exportWorkspace } from './Utils';
 import { NotificationsController } from 'controllers/NotificationsController';
+import { removeLocalStorageState } from 'IntegrityChecks/Local';
 
 export const WorkspaceSettings = () => {
   const { openMenu } = useMenu();
@@ -30,8 +31,8 @@ export const WorkspaceSettings = () => {
         <div className="text">
           <h4>Export Workspace</h4>
           <h3>
-            Back up your current workspace state. Exports your tabs, tags, and
-            chain search settings.
+            Back up your current workspace state. Exports your tabs, tags, chain
+            search, and active page settings.
           </h3>
         </div>
       </SettingsToggleWrapper>
@@ -57,8 +58,7 @@ export const WorkspaceSettings = () => {
       <SettingsToggleWrapper>
         <div className="text">
           <h4>Import Workspace</h4>
-          <h3>Import a workspace configuration.</h3>
-          <h3 className="inline danger">
+          <h3 className="danger">
             <FontAwesomeIcon icon={faTriangleExclamation} />
             &nbsp; Importing a workspace will replace your current workspace -
             all current state, including your current tabs and custom tag
@@ -78,6 +78,37 @@ export const WorkspaceSettings = () => {
           </button>
         </div>
       </SettingsSubmitWrapper>
+
+      <SettingsToggleWrapper>
+        <div className="text">
+          <h4>Reset Workspace</h4>
+          <h3 className="danger">
+            <FontAwesomeIcon icon={faTriangleExclamation} />
+            &nbsp; Your workspace will be reset. Export your current workspace
+            first if you wish to restore it later.
+          </h3>
+        </div>
+      </SettingsToggleWrapper>
+
+      <SettingsSubmitWrapper>
+        <div className="buttons">
+          <button
+            onClick={() => {
+              if (
+                confirm(
+                  'Are you sure you want to reset your workspace? Confirming will reload the console.'
+                )
+              ) {
+                removeLocalStorageState(true);
+                window.location.href = '/';
+              }
+            }}
+          >
+            <FontAwesomeIcon icon={faFileImport} />
+            Reset Workspace
+          </button>
+        </div>
+      </SettingsSubmitWrapper>
     </>
   );
 };