refactored #1 issue fix

kholmogorov27 · Mar 9, 2023 · bf92e7d · bf92e7d
1 parent 089a65e
commit bf92e7d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/App.jsx b/src/App.jsx
@@ -34,6 +34,7 @@ function App() {
   const inputRef = useRef(null)
 
   const [showSettings, setShowSettings] = useState(false)
+  const [showReset, setShowReset] = useState(false)
 
   /* handlers */
   const onContextMenuRef = useRef(null)
@@ -106,7 +107,7 @@ function App() {
   handleVisibilityChange.current = () => {
     // reset store if user went back from a redirected page
     if (document.visibilityState === 'visible' && redirected)
-      resetStore()
+      setShowReset(true)
   }
   useEffect(() => {
     document.addEventListener('visibilitychange', () => handleVisibilityChange.current())
@@ -150,6 +151,9 @@ function App() {
                             mode === 'opened' && <BsChevronRight/>
                           }
                       </LayoutButton>
+                      {
+                        showReset && <div className={classes['cancel-button']} onClick={() => location.reload()}>Cancel</div>
+                      }
                   </motion.div>
               }
             </AnimatePresence>

diff --git a/src/App.module.css b/src/App.module.css
@@ -21,4 +21,19 @@
 .ignore-mobile-button {
   text-decoration: underline;
   cursor: pointer;
+}
+
+.cancel-button {
+  position: absolute;
+  left: 50%;
+  bottom: 1em;
+  transform: translateX(-50%);
+  z-index: 10000;
+  cursor: pointer;
+  font-size: x-large;
+  padding: .5em 1em;
+  border-radius: 1em;
+  border: 5px solid var(--primary);
+  background: var(--secondary);
+  color: var(--primary);
 }