fix(UserSettings): treat invertedDisks settings as string

Author: ariser

src/containers/Storage/DiskStateProgressBar/DiskStateProgressBar.tsx

@@ -27,7 +27,7 @@ function DiskStateProgressBar({
     diskAllocatedPercent = -1,
     severity,
 }: DiskStateProgressBarProps) {
-    const inverted = useSelector((state) => getSettingValue(state, INVERTED_DISKS_KEY));
+    const inverted = useSelector((state) => JSON.parse(getSettingValue(state, INVERTED_DISKS_KEY)));
 
     const renderAllocatedPercent = () => {
         return (

src/containers/UserSettings/UserSettings.tsx

@@ -67,7 +67,7 @@ const mapStateToProps = (state: any) => {
 
     return {
         theme,
-        invertedDisks,
+        invertedDisks: JSON.parse(invertedDisks),
     };
 };
 

src/store/reducers/settings.js

@@ -30,7 +30,7 @@ export const initialState = {
         ...defaultUserSettings,
         ...userSettings,
         [THEME_KEY]: readSavedSettingsValue(THEME_KEY, 'light'),
-        [INVERTED_DISKS_KEY]: readSavedSettingsValue(INVERTED_DISKS_KEY) === 'true',
+        [INVERTED_DISKS_KEY]: readSavedSettingsValue(INVERTED_DISKS_KEY, 'false'),
         [SAVED_QUERIES_KEY]: readSavedSettingsValue(SAVED_QUERIES_KEY, '[]'),
         [TENANT_INITIAL_TAB_KEY]: readSavedSettingsValue(TENANT_INITIAL_TAB_KEY),
         [QUERY_INITIAL_RUN_ACTION_KEY]: readSavedSettingsValue(QUERY_INITIAL_RUN_ACTION_KEY),