From fc53e020cf817a08ded1463bf2175784a4a7b169 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Tue, 24 Oct 2023 11:33:55 -0700
Subject: [PATCH] settings: add fragment

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/App.vue                    |  2 +-
 src/components/Settings.vue    | 13 +++++++++++++
 src/services/utils/fragment.ts |  1 +
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index af60c11b..853a11d9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -26,7 +26,7 @@
 
       <template #footer>
         <ul class="app-navigation__settings">
-          <NcAppNavigationItem :name="t('memories', 'Settings')" @click="showSettings">
+          <NcAppNavigationItem :name="t('memories', 'Settings')" @click="showSettings" href="#ss">
             <CogIcon slot="icon" :size="20" />
           </NcAppNavigationItem>
         </ul>
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index 4a8bd617..5440e83f 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -226,10 +226,23 @@ export default defineComponent({
     },
   },
 
+  watch: {
+    open(value: boolean) {
+      utils.fragment.if(value, utils.fragment.types.settings);
+    },
+  },
+
   mounted() {
     if (this.isNative) {
       this.refreshNativeConfig();
     }
+
+    // Fragment navigation
+    utils.bus.on('memories:fragment:pop:settings', this.onClose);
+  },
+
+  beforeDestroy() {
+    utils.bus.off('memories:fragment:pop:settings', this.onClose);
   },
 
   methods: {
diff --git a/src/services/utils/fragment.ts b/src/services/utils/fragment.ts
index 4fd6f17b..c87f573a 100644
--- a/src/services/utils/fragment.ts
+++ b/src/services/utils/fragment.ts
@@ -7,6 +7,7 @@ enum FragmentType {
   modal = 'm',
   sidebar = 'i',
   editor = 'e',
+  settings = 'ss',
 }
 
 /** Names of fragments */