LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: sidebar collapsed on reload (#10561)

Browse Source 
When reloading a page, the sidebar item that is actively selected is
collapsed by default. This PR fixes it by expanding it on reload
This commit is contained in:
Shivam Mishra
2024-12-09 15:59:26 +05:30
committed by GitHub
parent d902bb1d6f
commit 2ce7c8b845
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/javascript/dashboard/components-next/sidebar/SidebarGroup.vue
View File

@@ -1,5 +1,5 @@
<script setup> <script setup>
import { computed } from 'vue'; import { computed, onMounted, nextTick } from 'vue';
import { useSidebarContext } from './provider'; import { useSidebarContext } from './provider';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import Policy from 'dashboard/components/policy.vue'; import Policy from 'dashboard/components/policy.vue';
@@ -113,6 +113,13 @@ const toggleTrigger = () => {
} }
setExpandedItem(props.name); setExpandedItem(props.name);
}; };
onMounted(async () => {
await nextTick();
if (hasActiveChild.value) {
setExpandedItem(props.name);
}
});
</script> </script>
<!-- eslint-disable-next-line vue/no-root-v-if --> <!-- eslint-disable-next-line vue/no-root-v-if -->