fix(pluginlist): adapt empty ordering object for filtered plugin (#1759)

* fix(pluginlist): adapt empty ordering object for filtered plugin * test(pluginlist): change plugin item format
Kong · Nov 4, 2024 · 0e03cd7 · 0e03cd7
1 parent f29661f
commit 0e03cd7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/packages/entities/entities-plugins/fixtures/mockData.ts b/packages/entities/entities-plugins/fixtures/mockData.ts
@@ -17,7 +17,7 @@ export const plugins: FetcherRawResponse = {
       name: 'basic-auth',
       protocols: ['http', 'https'],
       tags: ['tag1'],
-      ordering: {},
+      ordering: { 'before': { 'access': ['acl'] } },
       instance_name: 'instance-1',
       created_at: 1610617600,
       consumer_group: { id: 'consumer-group-1' },

diff --git a/packages/entities/entities-plugins/src/components/PluginList.vue b/packages/entities/entities-plugins/src/components/PluginList.vue
@@ -113,11 +113,13 @@
       </template>
 
       <template #ordering="{ rowValue }">
-        <KBadge :appearance="rowValue ? 'warning' : 'info'">
+        <KBadge
+          :appearance="isEmpty(rowValue) ? 'info' : 'warning'"
+        >
           {{
-            rowValue
-              ? t('plugins.list.table_headers.ordering_badge.dynamic')
-              : t('plugins.list.table_headers.ordering_badge.static')
+            isEmpty(rowValue)
+              ? t('plugins.list.table_headers.ordering_badge.static')
+              : t('plugins.list.table_headers.ordering_badge.dynamic')
           }}
         </KBadge>
       </template>
@@ -261,6 +263,8 @@ import PluginIcon from './PluginIcon.vue'
 
 import type { HeaderTag } from '@kong/kongponents'
 
+import isEmpty from 'lodash-es/isEmpty'
+
 const pluginMetaData = composables.usePluginMetaData()
 
 const emit = defineEmits<{