feat(settings): add clearLocalStorage action

components/views/settings/pages/storage/Storage.html

@@ -42,7 +42,9 @@
       <InteractablesButton
         type="danger"
         size="small"
+        :loading='isLoading'
         :text="$t('pages.settings.storage.clear.button')"
+        :action="clearLocalStorage"
       />
     </div>
   </div>

components/views/settings/pages/storage/index.vue

@@ -6,5 +6,25 @@ import Vue from 'vue'
 export default Vue.extend({
   name: 'StorageSettings',
   layout: 'settings',
+  data() {
+    return {
+      isLoading: false,
+    }
+  },
+  methods: {
+    async clearLocalStorage() {
+      this.isLoading = true
+      try {
+        await this.$store.dispatch('settings/clearLocalStorage')
+        this.$toast.success(
+          this.$t('pages.settings.storage.clear.message') as string,
+        )
+      } catch (e: any) {
+        this.$toast.error(this.$t(e.message) as string)
+      } finally {
+        this.isLoading = false
+      }
+    },
+  },
 })
 </script>

locales/en-US.js

@@ -372,6 +372,7 @@ export default {
           subtitle:
             'Reset Satellite. This will clear any saved accounts. Do not do this without backing up your account first.',
           button: 'Clear Local Storage',
+          message: 'Local storage cleared successfully',
         },
         export: {
           title: 'Export Storage',
@@ -473,6 +474,9 @@ export default {
       mailbox_manager_not_found: 'Mailbox manager not found',
       mailbox_manager_not_initialized: 'Mailbox manager not initialized',
     },
+    storage: {
+      database_not_cleared: 'Could not clear database',
+    },
   },
   search: {
     search: 'Search... ',

store/settings/actions.ts

@@ -0,0 +1,13 @@
+import { db } from '~/plugins/thirdparty/dexie'
+import { SettingsError } from '~/store/settings/types'
+
+export default {
+  async clearLocalStorage() {
+    try {
+      await db.delete()
+      await localStorage.removeItem('Satellite-Store')
+    } catch (e) {
+      throw new Error(SettingsError.DATABASE_NOT_CLEARED)
+    }
+  },
+}

store/settings/types.ts

@@ -10,6 +10,11 @@ export enum CaptureMouseTypes {
   motion = 'motion',
   never = 'never',
 }
+
+export enum SettingsError {
+  DATABASE_NOT_CLEARED = 'errors.storage.database_not_cleared',
+}
+
 export interface SettingsState {
   audioInput: string
   audioOutput: string