New: Ability to clear local browser storage (#29)

Author: sampulsar

frontend/src/AddMovie/AddNewMovie/AddNewMovie/AddNewMovieModalContentConnector.js

@@ -66,7 +66,7 @@ class AddNewMovieModalContentConnector extends Component {
     this.props.addMovie({
       foreignId,
       rootFolderPath: rootFolderPath.value,
-      monitored: monitored.value,
+      monitored: monitored.value === true,
       qualityProfileId: qualityProfileId.value,
       searchForMovie: searchForMovie.value,
       tags: tags.value
@@ -90,7 +90,7 @@ class AddNewMovieModalContentConnector extends Component {
 AddNewMovieModalContentConnector.propTypes = {
   foreignId: PropTypes.string.isRequired,
   rootFolderPath: PropTypes.object,
-  monitored: PropTypes.bool.isRequired,
+  monitored: PropTypes.object,
   qualityProfileId: PropTypes.object,
   searchForMovie: PropTypes.object.isRequired,
   tags: PropTypes.object.isRequired,

frontend/src/AddMovie/AddNewMovie/AddNewPerformer/AddNewPerformerModalContentConnector.js

@@ -68,8 +68,8 @@ class AddNewPerformerModalContentConnector extends Component {
     this.props.addPerformer({
       foreignId,
       rootFolderPath: rootFolderPath.value,
-      monitored: monitored.value,
-      moviesMonitored: moviesMonitored.value,
+      monitored: monitored.value === true,
+      moviesMonitored: moviesMonitored.value === true,
       qualityProfileId: qualityProfileId.value,
       searchForMovie: searchForMovie.value,
       tags: tags.value
@@ -93,8 +93,8 @@ class AddNewPerformerModalContentConnector extends Component {
 AddNewPerformerModalContentConnector.propTypes = {
   foreignId: PropTypes.string.isRequired,
   rootFolderPath: PropTypes.object,
-  monitored: PropTypes.bool.isRequired,
-  moviesMonitored: PropTypes.bool.isRequired,
+  monitored: PropTypes.object,
+  moviesMonitored: PropTypes.object,
   qualityProfileId: PropTypes.object,
   searchForMovie: PropTypes.object.isRequired,
   tags: PropTypes.object.isRequired,

frontend/src/AddMovie/AddNewMovie/AddNewStudio/AddNewStudioModalContentConnector.js

@@ -68,8 +68,8 @@ class AddNewStudioModalContentConnector extends Component {
     this.props.addStudio({
       foreignId,
       rootFolderPath: rootFolderPath.value,
-      monitored: monitored.value,
-      moviesMonitored: moviesMonitored.value,
+      monitored: monitored.value === true,
+      moviesMonitored: moviesMonitored.value === true,
       qualityProfileId: qualityProfileId.value,
       searchForMovie: searchForMovie.value,
       tags: tags.value
@@ -93,8 +93,8 @@ class AddNewStudioModalContentConnector extends Component {
 AddNewStudioModalContentConnector.propTypes = {
   foreignId: PropTypes.string.isRequired,
   rootFolderPath: PropTypes.object,
-  monitored: PropTypes.bool.isRequired,
-  moviesMonitored: PropTypes.bool.isRequired,
+  monitored: PropTypes.object,
+  moviesMonitored: PropTypes.object,
   qualityProfileId: PropTypes.object,
   searchForMovie: PropTypes.object.isRequired,
   tags: PropTypes.object.isRequired,

frontend/src/Settings/UI/UISettings.js

@@ -6,6 +6,7 @@ import Form from 'Components/Form/Form';
 import FormGroup from 'Components/Form/FormGroup';
 import FormInputGroup from 'Components/Form/FormInputGroup';
 import FormLabel from 'Components/Form/FormLabel';
+import SpinnerButton from 'Components/Link/SpinnerButton';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
@@ -75,6 +76,7 @@ class UISettings extends Component {
       onInputChange,
       onSavePress,
       languages,
+      isDeleting,
       ...otherProps
     } = this.props;
 
@@ -83,6 +85,28 @@ class UISettings extends Component {
 
     const uiLanguages = languages.filter((item) => item.value !== 'Original');
 
+    const handleClearLocalStoragePress = () => {
+      let reload = false;
+      this.setState({
+        isDeleting: true
+      });
+
+      try {
+        // clear the PersistState
+        localStorage.clear();
+        reload = true;
+      } catch {
+        reload = false;
+      }
+
+      this.setState({
+        isDeleting: false
+      });
+      if (reload) {
+        window.location.reload();
+      }
+    };
+
     return (
       <PageContent title={translate('UiSettings')}>
         <SettingsToolbar
@@ -251,6 +275,21 @@ class UISettings extends Component {
                     />
                   </FormGroup>
                 </FieldSet>
+
+                <FieldSet legend={translate('Browser')}>
+                  <FormGroup>
+                    <FormLabel>{translate('ClearLocalData')}</FormLabel>
+                    <SpinnerButton
+                      kind={kinds.DANGER}
+                      isSpinning={isDeleting}
+                      onPress={handleClearLocalStoragePress}
+                      title={translate('ClearLocalDataHelpText')}
+                    >
+                      {translate('Clear')}
+                    </SpinnerButton>
+                  </FormGroup>
+
+                </FieldSet>
               </Form> :
               null
           }
@@ -267,6 +306,7 @@ UISettings.propTypes = {
   settings: PropTypes.object.isRequired,
   hasSettings: PropTypes.bool.isRequired,
   languages: PropTypes.arrayOf(PropTypes.object).isRequired,
+  isDeleting: PropTypes.bool,
   onSavePress: PropTypes.func.isRequired,
   onInputChange: PropTypes.func.isRequired
 };

frontend/src/Store/Actions/performerActions.js

@@ -56,7 +56,7 @@ export const defaultState = {
 
   defaults: {
     rootFolderPath: '',
-    monitor: 'movieOnly',
+    monitored: true,
     qualityProfileId: 0,
     searchForMovie: true,
     tags: []

frontend/src/Store/Actions/studioActions.js

@@ -54,7 +54,7 @@ export const defaultState = {
 
   defaults: {
     rootFolderPath: '',
-    monitor: 'movieOnly',
+    monitored: true,
     qualityProfileId: 0,
     searchForMovie: true,
     tags: []

src/NzbDrone.Core/Localization/Core/en.json

@@ -194,6 +194,7 @@
   "Branch": "Branch",
   "BranchUpdate": "Branch to use to update {appName}",
   "BranchUpdateMechanism": "Branch used by external update mechanism",
+  "Browser": "Browser",
   "BrowserReloadRequired": "Browser Reload Required",
   "BuiltIn": "Built In",
   "BypassDelayIfAboveCustomFormatScore": "Bypass if Above Custom Format Score",
@@ -246,6 +247,8 @@
   "Clear": "Clear",
   "ClearBlocklist": "Clear blocklist",
   "ClearBlocklistMessageText": "Are you sure you want to clear all items from the blocklist?",
+  "ClearLocalData": "Clear Persistant Browser Settings",
+  "ClearLocalDataHelpText": "Clicking the button will clear browser data and then use the default settings.",
   "ClickToChangeIndexerFlags": "Click to change indexer flags",
   "ClickToChangeLanguage": "Click to change language",
   "ClickToChangeMovie": "Click to change movie",