fix(entities): icon prop warning of kbutton (#1396)

Kong · May 10, 2024 · bb1756c · bb1756c
1 parent c59cab3
commit bb1756c
Show file tree

Hide file tree

Showing 25 changed files with 77 additions and 23 deletions.
diff --git a/packages/entities/entities-certificates/package.json b/packages/entities/entities-certificates/package.json
@@ -66,6 +66,7 @@
   },
   "dependencies": {
     "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1",
     "@peculiar/x509": "^1.9.7"
   },
   "distSizeChecker": {

diff --git a/packages/entities/entities-certificates/src/components/CACertificateList.vue b/packages/entities/entities-certificates/src/components/CACertificateList.vue
@@ -37,10 +37,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-ca-certificate"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('ca-certificates.list.toolbar_actions.new_ca_certificate') }}
             </KButton>
           </PermissionsWrapper>
@@ -146,6 +146,7 @@ import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import type { AxiosError } from 'axios'
 import { useRouter } from 'vue-router'
+import { AddIcon } from '@kong/icons'
 import composables from '../composables'
 import endpoints from '../ca-certificates-endpoints'
 

diff --git a/packages/entities/entities-certificates/src/components/CertificateList.vue b/packages/entities/entities-certificates/src/components/CertificateList.vue
@@ -37,10 +37,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-certificate"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('certificates.list.toolbar_actions.new_certificate') }}
             </KButton>
           </PermissionsWrapper>
@@ -170,6 +170,7 @@ import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import type { AxiosError } from 'axios'
 import { useRouter } from 'vue-router'
+import { AddIcon } from '@kong/icons'
 import composables from '../composables'
 import endpoints from '../certificates-endpoints'
 

diff --git a/packages/entities/entities-consumer-credentials/package.json b/packages/entities/entities-consumer-credentials/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "300KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-consumer-credentials/src/components/ConsumerCredentialList.vue b/packages/entities/entities-consumer-credentials/src/components/ConsumerCredentialList.vue
@@ -28,10 +28,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-credential"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t(`credentials.list.toolbar_actions.${config.plugin}.new`) }}
             </KButton>
           </PermissionsWrapper>
@@ -191,6 +191,7 @@
 import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import type { AxiosError } from 'axios'
+import { AddIcon } from '@kong/icons'
 import composables from '../composables'
 import endpoints from '../consumer-credentials-endpoints'
 import {

diff --git a/packages/entities/entities-consumer-groups/package.json b/packages/entities/entities-consumer-groups/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "500KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-consumer-groups/src/components/ConsumerGroupList.vue b/packages/entities/entities-consumer-groups/src/components/ConsumerGroupList.vue
@@ -41,11 +41,11 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-consumer-group"
-              icon="plus"
               size="large"
               :to="config.consumerId ? undefined : config.createRoute"
               @click="() => config.consumerId ? handleAddToGroupClick() : undefined"
             >
+              <AddIcon />
               {{ config.consumerId ? t('consumer_groups.actions.add_to_group') : t('consumer_groups.list.toolbar_actions.new_consumer_group') }}
             </KButton>
           </PermissionsWrapper>
@@ -181,6 +181,7 @@ import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import type { AxiosError } from 'axios'
 import { useRouter } from 'vue-router'
+import { AddIcon } from '@kong/icons'
 import composables from '../composables'
 import endpoints from '../consumer-groups-endpoints'
 import {

diff --git a/packages/entities/entities-consumers/package.json b/packages/entities/entities-consumers/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "500KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-consumers/src/components/ConsumerList.vue b/packages/entities/entities-consumers/src/components/ConsumerList.vue
@@ -41,11 +41,11 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-consumer"
-              icon="plus"
               size="large"
               :to="config.consumerGroupId ? undefined : config.createRoute"
               @click="() => config.consumerGroupId ? handleAddConsumerClick() : undefined"
             >
+              <AddIcon />
               {{ config.consumerGroupId ? t('consumers.actions.add_consumer') : t('consumers.list.toolbar_actions.new_consumer') }}
             </KButton>
           </PermissionsWrapper>
@@ -181,6 +181,7 @@ import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import type { AxiosError } from 'axios'
 import { useRouter } from 'vue-router'
+import { AddIcon } from '@kong/icons'
 import composables from '../composables'
 import endpoints from '../consumers-endpoints'
 import {

diff --git a/packages/entities/entities-gateway-services/package.json b/packages/entities/entities-gateway-services/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "600KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-gateway-services/src/components/GatewayServiceList.vue b/packages/entities/entities-gateway-services/src/components/GatewayServiceList.vue
@@ -37,10 +37,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-gateway-service"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('gateway_services.list.toolbar_actions.new_gateway_service') }}
             </KButton>
           </PermissionsWrapper>
@@ -165,6 +165,7 @@
 import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import { useRouter } from 'vue-router'
+import { AddIcon } from '@kong/icons'
 import composables from '../composables'
 import endpoints from '../gateway-services-endpoints'
 import type { AxiosError } from 'axios'

diff --git a/packages/entities/entities-key-sets/package.json b/packages/entities/entities-key-sets/package.json
@@ -67,6 +67,7 @@
     "errorLimit": "500KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-key-sets/src/components/KeySetList.vue b/packages/entities/entities-key-sets/src/components/KeySetList.vue
@@ -37,10 +37,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-key-set"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('keySets.list.toolbar_actions.new_key_set') }}
             </KButton>
           </PermissionsWrapper>
@@ -132,6 +132,7 @@
 import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import type { AxiosError } from 'axios'
+import { AddIcon } from '@kong/icons'
 import { useRouter } from 'vue-router'
 import composables from '../composables'
 import endpoints from '../key-sets-endpoints'

diff --git a/packages/entities/entities-keys/package.json b/packages/entities/entities-keys/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "486KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-keys/src/components/KeyList.vue b/packages/entities/entities-keys/src/components/KeyList.vue
@@ -37,10 +37,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-key"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('keys.list.toolbar_actions.new_key') }}
             </KButton>
           </PermissionsWrapper>
@@ -137,6 +137,7 @@ import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import type { AxiosError } from 'axios'
 import { useRouter } from 'vue-router'
+import { AddIcon } from '@kong/icons'
 import composables from '../composables'
 import endpoints from '../keys-endpoints'
 import {

diff --git a/packages/entities/entities-plugins/src/components/PluginList.vue b/packages/entities/entities-plugins/src/components/PluginList.vue
@@ -40,10 +40,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-plugin"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('plugins.list.toolbar_actions.new_plugin') }}
             </KButton>
           </PermissionsWrapper>
@@ -246,6 +246,7 @@ import type {
   FuzzyMatchFilterConfig,
   TableErrorMessage,
 } from '@kong-ui-public/entities-shared'
+import { AddIcon } from '@kong/icons'
 
 import composables from '../composables'
 import endpoints from '../plugins-endpoints'

diff --git a/packages/entities/entities-routes/src/components/RouteList.vue b/packages/entities/entities-routes/src/components/RouteList.vue
@@ -40,10 +40,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-route"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('routes.list.toolbar_actions.new_route') }}
             </KButton>
           </PermissionsWrapper>
@@ -193,6 +193,7 @@ import { useRouter } from 'vue-router'
 
 import { BadgeMethodAppearances } from '@kong/kongponents'
 import type { BadgeMethodAppearance, HeaderTag } from '@kong/kongponents'
+import { AddIcon } from '@kong/icons'
 import {
   EntityBaseTable,
   EntityDeleteModal,

diff --git a/packages/entities/entities-snis/package.json b/packages/entities/entities-snis/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "400KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-snis/src/components/SniList.vue b/packages/entities/entities-snis/src/components/SniList.vue
@@ -38,10 +38,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-sni"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('snis.list.toolbar_actions.new') }}
             </KButton>
           </PermissionsWrapper>
@@ -159,6 +159,7 @@ import type {
   TableErrorMessage,
 } from '@kong-ui-public/entities-shared'
 import '@kong-ui-public/entities-shared/dist/style.css'
+import { AddIcon } from '@kong/icons'
 
 const emit = defineEmits<{
   (e: 'error', error: AxiosError): void,

diff --git a/packages/entities/entities-upstreams-targets/package.json b/packages/entities/entities-upstreams-targets/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "900KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-upstreams-targets/src/components/TargetsList.vue b/packages/entities/entities-upstreams-targets/src/components/TargetsList.vue
@@ -28,10 +28,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-new-target"
-              icon="plus"
               :to="props.config.createRoute ? props.config.createRoute : undefined"
               @click="() => !props.config.createRoute ? handleCreateTarget() : undefined"
             >
+              <AddIcon />
               {{ t('targets.list.toolbar_actions.new_target') }}
             </KButton>
           </PermissionsWrapper>
@@ -153,6 +153,7 @@ import {
 import type { PropType } from 'vue'
 import { computed, onBeforeMount, ref, watch } from 'vue'
 import type { AxiosError } from 'axios'
+import { AddIcon } from '@kong/icons'
 import type {
   KongManagerTargetsListConfig,
   KonnectTargetsListConfig,

diff --git a/packages/entities/entities-upstreams-targets/src/components/UpstreamsList.vue b/packages/entities/entities-upstreams-targets/src/components/UpstreamsList.vue
@@ -38,10 +38,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-upstream"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('upstreams.list.toolbar_actions.new_upstream') }}
             </KButton>
           </PermissionsWrapper>
@@ -138,6 +138,7 @@ import type { PropType } from 'vue'
 import { computed, onBeforeMount, ref, watch } from 'vue'
 import type { AxiosError } from 'axios'
 import { useRouter } from 'vue-router'
+import { AddIcon } from '@kong/icons'
 import type {
   KongManagerUpstreamsListConfig,
   KonnectUpstreamsListConfig,

diff --git a/packages/entities/entities-vaults/package.json b/packages/entities/entities-vaults/package.json
@@ -68,6 +68,7 @@
     "errorLimit": "900KB"
   },
   "dependencies": {
-    "@kong-ui-public/entities-shared": "workspace:^"
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong/icons": "^1.9.1"
   }
 }
diff --git a/packages/entities/entities-vaults/src/components/VaultList.vue b/packages/entities/entities-vaults/src/components/VaultList.vue
@@ -37,10 +37,10 @@
               v-show="hasData"
               appearance="primary"
               data-testid="toolbar-add-vault"
-              icon="plus"
               size="large"
               :to="config.createRoute"
             >
+              <AddIcon />
               {{ t('vaults.list.toolbar_actions.new_vault') }}
             </KButton>
           </PermissionsWrapper>
@@ -137,6 +137,7 @@ import type { PropType } from 'vue'
 import { computed, ref, watch, onBeforeMount } from 'vue'
 import { useRouter } from 'vue-router'
 import type { AxiosError } from 'axios'
+import { AddIcon } from '@kong/icons'
 
 import {
   EntityBaseTable,