From a23230850affce70abcbc1152bc1160edfe196fc Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Sat, 25 Dec 2021 16:41:57 +0000
Subject: [PATCH] feat(error): add button to reset app data

---
 src/lib/ErrorBoundary.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/lib/ErrorBoundary.tsx b/src/lib/ErrorBoundary.tsx
index b8359946..b134522b 100644
--- a/src/lib/ErrorBoundary.tsx
+++ b/src/lib/ErrorBoundary.tsx
@@ -1,8 +1,9 @@
 import axios from "axios";
+import localforage from "localforage";
 import * as stackTrace from "stacktrace-js";
 import styled from "styled-components";
 
-import { useEffect, useErrorBoundary } from "preact/hooks";
+import { useEffect, useErrorBoundary, useState } from "preact/hooks";
 
 import { GIT_REVISION } from "../revision";
 import { Children } from "../types/Preact";
@@ -42,6 +43,16 @@ export function reportError(error: Error, section: string) {
 
 export default function ErrorBoundary({ children, section }: Props) {
     const [error, ignoreError] = useErrorBoundary();
+    const [confirm, setConfirm] = useState(false);
+
+    async function reset() {
+        if (confirm) {
+            await localforage.clear();
+            location.reload();
+        } else {
+            setConfirm(true);
+        }
+    }
 
     useEffect(() => {
         if (error) {
@@ -58,6 +69,9 @@ export default function ErrorBoundary({ children, section }: Props) {
                         <button onClick={ignoreError}>
                             Ignore error and try to reload app
                         </button>
+                        <button onClick={reset}>
+                            {confirm ? "Are you sure?" : "Reset all app data"}
+                        </button>
                         <button onClick={() => location.reload()}>
                             Refresh page
                         </button>