fix(top-bar): resolve menu display issue (missing store changes)

apps/web/src/common/modules/navigations/top-bar/TopBar.vue

@@ -8,9 +8,7 @@ import { includes } from 'lodash';
 import { ROOT_ROUTE } from '@/router/constant';
 
 import { useAppContextStore } from '@/store/app-context/app-context-store';
-import { useUserStore } from '@/store/user/user-store';
-
-import type { MenuId } from '@/lib/menu/config';
+import { useAuthorizationStore } from '@/store/authorization/authorization-store';
 
 import TopBarWorkspaces from '@/common/modules/navigations/top-bar/modules/top-bar-header/TopBarWorkspaces.vue';
 import TopBarSearch from '@/common/modules/navigations/top-bar/modules/top-bar-search/TopBarSearch.vue';
@@ -19,12 +17,12 @@ import TopBarToolset from '@/common/modules/navigations/top-bar/modules/top-bar-
 const ALLOWED_MENUS_FOR_ALL_USERS = ['notifications', 'support', 'profile'];
 
 const appContextStore = useAppContextStore();
-const userStore = useUserStore();
+const athorizationStore = useAuthorizationStore();
 
 const state = reactive({
     isAdminMode: computed(() => appContextStore.getters.isAdminMode),
     openedMenu: '',
-    hasPermission: computed<boolean>((() => userStore.getters.hasPermission)),
+    hasPermission: computed<boolean>((() => athorizationStore.getters.hasPermission)),
     logoLink: computed(() => {
         if (state.isAdminMode) return { name: ROOT_ROUTE.ADMIN._NAME };
         return null;
@@ -38,7 +36,7 @@ const topBarWorkspaceRef = ref<InstanceType<typeof TopBarWorkspaces>>();
 const hideMenu = () => {
     state.openedMenu = '';
 };
-const handleOpenMenu = (menuId: MenuId) => {
+const handleOpenMenu = (menuId: string) => {
     if (state.openedMenu === menuId) {
         hideMenu();
     } else if (state.hasPermission || includes(ALLOWED_MENUS_FOR_ALL_USERS, menuId)) {

apps/web/src/common/modules/navigations/top-bar/modules/top-bar-toolset/modules/top-bar-integration/TopBarIntegration.vue

@@ -8,7 +8,7 @@ import {
     PI, PTooltip,
 } from '@cloudforet/mirinae';
 
-import { useUserStore } from '@/store/user/user-store';
+import { useAuthorizationStore } from '@/store/authorization/authorization-store';
 
 import TopBarIntegrationContextMenu
     from '@/common/modules/navigations/top-bar/modules/top-bar-toolset/modules/top-bar-integration/modules/TopBarIntegrationContextMenu.vue';
@@ -24,9 +24,9 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits<{(e: 'update:visible', value: boolean): void}>();
 
-const userStore = useUserStore();
+const authorizationStore = useAuthorizationStore();
 const state = reactive({
-    isNoRoleUser: computed<boolean>(() => userStore.getters.isNoRoleUser),
+    isNoRoleUser: computed<boolean>(() => authorizationStore.getters.isNoRoleUser),
 });
 
 /* Util */

apps/web/src/common/modules/navigations/top-bar/modules/top-bar-toolset/modules/top-bar-notice/TopBarNotice.vue

@@ -8,6 +8,7 @@ import {
     PI, PTooltip,
 } from '@cloudforet/mirinae';
 
+import { useAuthorizationStore } from '@/store/authorization/authorization-store';
 import { useNoticeStore } from '@/store/notice/notice-store';
 import { useUserStore } from '@/store/user/user-store';
 
@@ -30,10 +31,12 @@ const emit = defineEmits<{(e: 'update:visible', value: boolean): void}>();
 const noticeStore = useNoticeStore();
 const noticeGetters = noticeStore.getters;
 const userStore = useUserStore();
+const authorizationStore = useAuthorizationStore();
+
 
 const state = reactive({
     hasNotice: computed(() => noticeGetters.unreadNoticeCount > 0),
-    isNoRoleUser: computed<boolean>(() => userStore.getters.isNoRoleUser),
+    isNoRoleUser: computed<boolean>(() => authorizationStore.getters.isNoRoleUser),
     iconColor: computed<string>(() => {
         if (props.visible) return blue[600];
         return 'inherit';

apps/web/src/common/modules/navigations/top-bar/modules/top-bar-toolset/modules/top-bar-notifications/TopBarNotifications.vue

@@ -9,6 +9,7 @@ import {
     PI, PTooltip,
 } from '@cloudforet/mirinae';
 
+import { useAuthorizationStore } from '@/store/authorization/authorization-store';
 import { useDisplayStore } from '@/store/display/display-store';
 import { useUserStore } from '@/store/user/user-store';
 
@@ -28,10 +29,11 @@ const emit = defineEmits<{(e: 'update:visible', value: boolean): void}>();
 
 const userStore = useUserStore();
 const displayStore = useDisplayStore();
+const authorizationStore = useAuthorizationStore();
 
 const state = reactive({
     hasNotifications: computed(() => displayStore.getters.hasUncheckedNotifications),
-    isNoRoleUser: computed<boolean>(() => userStore.getters.isNoRoleUser),
+    isNoRoleUser: computed<boolean>(() => authorizationStore.getters.isNoRoleUser),
     notificationCount: 0,
     iconColor: computed<string>(() => {
         if (props.visible) return blue[600];

apps/web/src/common/modules/portals/TopNotification.vue

@@ -7,6 +7,7 @@ import { PNotificationBar } from '@cloudforet/mirinae';
 import { i18n } from '@/translations';
 
 import { useUserWorkspaceStore } from '@/store/app-context/workspace/user-workspace-store';
+import { useAuthorizationStore } from '@/store/authorization/authorization-store';
 import { useErrorStore } from '@/store/error/error-store';
 import { useUserStore } from '@/store/user/user-store';
 
@@ -21,10 +22,11 @@ const props = withDefaults(defineProps<{
 const userWorkspaceStore = useUserWorkspaceStore();
 const errorStore = useErrorStore();
 const userStore = useUserStore();
+const authorizationStore = useAuthorizationStore();
 const route = useRoute();
 
 const storeState = reactive({
-    hasPermission: computed(() => userStore.getters.hasPermission),
+    hasPermission: computed(() => authorizationStore.getters.hasPermission),
     isDomainAdmin: computed(() => userStore.getters.isDomainAdmin),
     workspaceList: computed(() => userWorkspaceStore.getters.workspaceList),
     visibleAuthorizationError: computed(() => errorStore.state.visibleAuthorizationError),