disable clear data button when clicked once

Stremio · Nov 2, 2021 · 55effde · 55effde
1 parent 2a8d7ab
commit 55effde
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/App/ErrorDialog/ErrorDialog.js b/src/App/ErrorDialog/ErrorDialog.js
@@ -7,11 +7,13 @@ const { Button, Image } = require('stremio/common');
 const styles = require('./styles');
 
 const ErrorDialog = ({ className }) => {
+    const [dataCleared, setDataCleared] = React.useState(false);
     const reload = React.useCallback(() => {
         window.location.reload();
     }, []);
     const clearData = React.useCallback(() => {
         window.localStorage.clear();
+        setDataCleared(true);
     }, []);
     return (
         <div className={classnames(className, styles['error-container'])}>
@@ -25,7 +27,7 @@ const ErrorDialog = ({ className }) => {
                 <Button className={styles['button-container']} title={'Try again'} onClick={reload}>
                     <div className={styles['label']}>Try again</div>
                 </Button>
-                <Button className={styles['button-container']} title={'Clear data'} onClick={clearData}>
+                <Button className={styles['button-container']} disabled={dataCleared} title={'Clear data'} onClick={clearData}>
                     <div className={styles['label']}>Clear data</div>
                 </Button>
             </div>

diff --git a/src/App/ErrorDialog/styles.less b/src/App/ErrorDialog/styles.less
@@ -55,6 +55,10 @@
                 background-color: @color-accent3-light1;
             }
 
+            &:global(.disabled) {
+                background-color: @color-surface-dark5;
+            }
+
             .label {
                 flex-grow: 0;
                 flex-shrink: 1;