From a30012a7dad7516e86f020002b2f6a43cc3ac233 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Tue, 24 Oct 2023 11:15:18 -0700
Subject: [PATCH] sidebar: add fragment for mobile

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/Sidebar.vue     | 9 +++++++++
 src/services/utils/fragment.ts | 1 +
 2 files changed, 10 insertions(+)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index cf344c97..c4af6413 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -83,6 +83,7 @@ export default defineComponent({
   mounted() {
     utils.bus.on('files:sidebar:opened', this.handleNativeOpen);
     utils.bus.on('files:sidebar:closed', this.handleNativeClose);
+    utils.bus.on('memories:fragment:pop:sidebar', this.close);
 
     _m.sidebar = {
       open: this.open.bind(this),
@@ -102,6 +103,7 @@ export default defineComponent({
   beforeDestroy() {
     utils.bus.off('files:sidebar:opened', this.handleNativeOpen);
     utils.bus.off('files:sidebar:closed', this.handleNativeClose);
+    utils.bus.off('memories:fragment:pop:sidebar', this.close);
   },
 
   methods: {
@@ -147,6 +149,7 @@ export default defineComponent({
 
     handleClose() {
       utils.bus.emit('memories:sidebar:closed', null);
+      utils.fragment.pop(utils.fragment.types.sidebar);
     },
 
     handleOpen() {
@@ -156,7 +159,13 @@ export default defineComponent({
         if (e.key.length === 1) e.stopPropagation();
       });
 
+      // Emit event
       utils.bus.emit('memories:sidebar:opened', null);
+
+      // Use fragment navigation only on mobile
+      if (utils.isMobile()) {
+        utils.fragment.push(utils.fragment.types.sidebar);
+      }
     },
 
     handleNativeOpen() {
diff --git a/src/services/utils/fragment.ts b/src/services/utils/fragment.ts
index aaf43313..bcc6eed5 100644
--- a/src/services/utils/fragment.ts
+++ b/src/services/utils/fragment.ts
@@ -5,6 +5,7 @@ enum FragmentType {
   viewer = 'v',
   selection = 's',
   modal = 'm',
+  sidebar = 'i',
 }
 
 /** Names of fragments */