feat(DebugPage): add button for resetting local storage

2anki · May 26, 2024 · 9856090 · 9856090
1 parent 8cd8f43
commit 9856090
Showing 1 changed file with 23 additions and 7 deletions.
diff --git a/src/pages/DebugPage/DebugPage.tsx b/src/pages/DebugPage/DebugPage.tsx
@@ -1,10 +1,15 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { getKeys } from './helpers/getKeys';
 import { ErrorPresenter } from '../../components/errors/ErrorPresenter';
 
 export function DebugPage() {
   const [show, setShow] = useState(false);
 
+  const resetLocalStorage = () => {
+    localStorage.clear();
+    window.location.reload();
+  };
+
   return (
     <section className="section">
       <h1 className="title">Debug page</h1>
@@ -17,13 +22,24 @@ export function DebugPage() {
               )});\n`
           )}
         </pre>
+        <div className="buttons is-justify-content-space-between mt-2">
+          <div className="control">
+            <button className="button" type="button" onClick={() => setShow(!show)}>
+              {show ? 'Hide' : 'Show'}
+            </button>
+            {
+              show && <ErrorPresenter error={new Error('This is a test error')} />
+            }
+
+          </div>
+
+          <div className="control">
+            <button className="button" type="button" onClick={resetLocalStorage}>
+              Reset local storage
+            </button>
 
-        <button type="button" onClick={() => setShow(!show)}>
-          {show ? 'Hide' : 'Show'}
-        </button>
-        {
-          show && <ErrorPresenter error={new Error('This is a test error')} />
-        }
+          </div>
+        </div>
       </div>
     </section>
   );