Improved: Displayed facility count in chip (#293).

hotwax · Aug 13, 2024 · 447ecee · 447ecee
1 parent c14031e
commit 447ecee
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/views/FindGroups.vue b/src/views/FindGroups.vue
@@ -45,10 +45,9 @@
             </ion-item>
             <ion-item>
               <ion-label>{{ translate('Facilities') }}</ion-label>
-              <ion-label slot="end">{{ group.facilityCount }}</ion-label>
-              <ion-button @click="manageFacilities(group)" fill="clear" slot="end">
-                <ion-icon :icon="settingsOutline" slot="icon-only"/>
-              </ion-button>
+              <ion-chip outline slot="end" @click="manageFacilities(group)">
+                {{ group.facilityCount}}
+              </ion-chip>
             </ion-item>
             <ion-button fill="clear" @click="updateGroupDescriptionModal(group)">
               {{translate('Edit details')}}
@@ -147,7 +146,7 @@ import {
   createAnimation
 } from '@ionic/vue';
 import { defineComponent } from 'vue';
-import { ellipsisVerticalOutline, addOutline, bagHandleOutline, businessOutline, settingsOutline } from 'ionicons/icons';
+import { ellipsisVerticalOutline, addOutline, bagHandleOutline, businessOutline } from 'ionicons/icons';
 import { useRouter } from 'vue-router';
 import { mapGetters, useStore } from 'vuex';
 import { translate } from '@hotwax/dxp-components'
@@ -368,7 +367,6 @@ export default defineComponent({
       businessOutline,
       customSort,
       ellipsisVerticalOutline,
-      settingsOutline,
       router,
       store,
       translate