From a3595d1cc92fa57c5ef984c7961254d7e10c81fe Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yash.maheshwari@hotwax.co>
Date: Wed, 6 Nov 2024 15:30:31 +0530
Subject: [PATCH] Fixed: issue of empty state not being displayed when
 searching for a permission whose type is HIDDEN(#277)

Removed the check for HIDDEN group from the template part and removed the HIDDEN group records from the getter which was returning the permissions to be displayed on UI
---
 src/components/PermissionItems.vue      | 4 ++--
 src/store/modules/permission/getters.ts | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/PermissionItems.vue b/src/components/PermissionItems.vue
index 4006daf..c58f6f8 100644
--- 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
index b1e9c38..e58b7ae 100644
--- 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) {