Merge pull request #300 from ymaheshwari1/#277

Fixed: issue of empty state not being displayed when searching for a permission whose type is HIDDEN(#277)
hotwax · Nov 6, 2024 · 18d5646 · 18d5646
2 parents dd181d0 + a3595d1
commit 18d5646
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/PermissionItems.vue b/src/components/PermissionItems.vue
@@ -21,14 +21,14 @@
 
   <template v-if="arePermissionsAvailable()">
     <div v-for="(group, groupId) in filteredPermissions" :key="groupId">
-      <ion-item-divider v-if="group.groupId !== 'SGC_HIDDEN' && group.permissions.length" class="ion-margin-vertical" color="light">
+      <ion-item-divider v-if="group.permissions.length" class="ion-margin-vertical" color="light">
         <ion-label>
           {{ group.groupName || group.groupId }}
         </ion-label>
         <ion-note slot="end">{{ group.permissions.length }}</ion-note>
       </ion-item-divider>
 
-      <section v-if="group.groupId !== 'SGC_HIDDEN'">
+      <section>
         <ion-card v-for="permission in group.permissions" :key="permission.permissionId" button @click="updatePermissionAssociation(permission)">
           <ion-card-header>
             <div>

diff --git a/src/store/modules/permission/getters.ts b/src/store/modules/permission/getters.ts
@@ -36,6 +36,9 @@ const getters: GetterTree<PermissionState, RootState> = {
       })
     }
 
+    // Remove the hidden permissions so to not display them on the UI
+    delete groupType["SGC_HIDDEN"];
+
     return groupType
   },
   getQuery(state) {