feat: add local storage clear button to give user more control and transparency

README.md

@@ -91,7 +91,7 @@ This application can be run as either a web application or a [standalone desktop
 
 This project runs on Node 20. To ensure you're on the proper version, we recommend [nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
 
-With `nvm` installed, you may select a version 16 node using:
+With `nvm` installed, you may select a version 20 node using:
 
 ```sh
 nvm install 20

src/components/ClearLocalStorage.tsx

@@ -0,0 +1,18 @@
+import { Button, ButtonProps } from '@material-ui/core'
+import { PropsWithChildren, ReactElement } from 'react'
+
+const ClearLocalStorage = (
+  props: PropsWithChildren<ButtonProps>
+): ReactElement => {
+  const { children, ...rest } = props
+
+  const onClick = () => localStorage.clear()
+
+  return (
+    <Button {...rest} onClick={onClick}>
+      {children}
+    </Button>
+  )
+}
+
+export default ClearLocalStorage

src/components/UserSettings.tsx

@@ -4,6 +4,7 @@ import { useDispatch } from 'react-redux'
 import { fsRecover } from 'ustaxes/redux/fs/Actions'
 import { LoadRaw } from 'ustaxes/redux/fs/Load'
 import SaveToFile from './SaveToFile'
+import ClearLocalStorage from './ClearLocalStorage'
 
 const UserSettings = (): ReactElement => {
   const dispatch = useDispatch()
@@ -36,6 +37,10 @@ const UserSettings = (): ReactElement => {
       >
         Load
       </LoadRaw>
+      <h3>Delete data</h3>
+      <ClearLocalStorage variant="contained" color="primary">
+        Clear Local Storage
+      </ClearLocalStorage>
     </>
   )
 }