diff --git a/ui/packages/consul-ui/app/components/consul/external-source/index.hbs b/ui/packages/consul-ui/app/components/consul/external-source/index.hbs
index a2ee22a001..a910e69ee6 100644
--- a/ui/packages/consul-ui/app/components/consul/external-source/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/external-source/index.hbs
@@ -5,9 +5,10 @@
+
Registered via {{t (concat "common.brand." externalSource)}}
@@ -32,9 +33,10 @@
{{else if externalSource}}
+
{{#if @label}}
{{@label}}
{{else}}
diff --git a/ui/packages/consul-ui/app/components/consul/external-source/index.scss b/ui/packages/consul-ui/app/components/consul/external-source/index.scss
index 0b6656edef..9b992c9413 100644
--- a/ui/packages/consul-ui/app/components/consul/external-source/index.scss
+++ b/ui/packages/consul-ui/app/components/consul/external-source/index.scss
@@ -6,32 +6,32 @@
--icon-size: icon-300;
}
-.consul-external-source.kubernetes::before {
- @extend %with-logo-kubernetes-color-icon, %as-pseudo;
-}
-.consul-external-source.terraform::before {
- @extend %with-logo-terraform-color-icon, %as-pseudo;
-}
-.consul-external-source.nomad::before {
- @extend %with-logo-nomad-color-icon, %as-pseudo;
-}
-.consul-external-source.consul::before,
-.consul-external-source.consul-api-gateway::before {
- @extend %with-logo-consul-color-icon, %as-pseudo;
-}
-.consul-external-source.vault::before {
- @extend %with-vault-300;
-}
-.consul-external-source.lambda::before,
-.consul-external-source.aws::before {
- @extend %with-aws-300;
-}
-.consul-external-source.leader::before {
- @extend %with-star-outline-mask, %as-pseudo;
-}
-.consul-external-source.jwt::before {
- @extend %with-logo-jwt-color-icon, %as-pseudo;
-}
+// .consul-external-source.kubernetes::before {
+// @extend %with-logo-kubernetes-color-icon, %as-pseudo;
+// }
+// .consul-external-source.terraform::before {
+// @extend %with-logo-terraform-color-icon, %as-pseudo;
+// }
+// .consul-external-source.nomad::before {
+// @extend %with-logo-nomad-color-icon, %as-pseudo;
+// }
+// .consul-external-source.consul::before,
+// .consul-external-source.consul-api-gateway::before {
+// @extend %with-logo-consul-color-icon, %as-pseudo;
+// }
+// .consul-external-source.vault::before {
+// @extend %with-vault-300;
+// }
+// .consul-external-source.lambda::before,
+// .consul-external-source.aws::before {
+// @extend %with-aws-300;
+// }
+// .consul-external-source.leader::before {
+// @extend %with-star-outline-mask, %as-pseudo;
+// }
+// .consul-external-source.jwt::before {
+// @extend %with-logo-jwt-color-icon, %as-pseudo;
+// }
.consul-external-source.oidc::before {
@extend %with-logo-oidc-color-icon, %as-pseudo;
}
diff --git a/ui/packages/consul-ui/app/components/pill/index.scss b/ui/packages/consul-ui/app/components/pill/index.scss
index c528bd9ff3..6e2a82faf7 100644
--- a/ui/packages/consul-ui/app/components/pill/index.scss
+++ b/ui/packages/consul-ui/app/components/pill/index.scss
@@ -30,9 +30,9 @@ span.policy-service-identity::before {
%pill.oidc::before {
@extend %with-logo-oidc-color-icon, %as-pseudo;
}
-%pill.kubernetes::before {
- @extend %with-logo-kubernetes-color-icon, %as-pseudo;
-}
+// %pill.kubernetes::before {
+// @extend %with-logo-kubernetes-color-icon, %as-pseudo;
+// }
%pill.aws-iam::before {
--icon-name: icon-aws-color;
content: '';
diff --git a/ui/packages/consul-ui/app/helpers/external-source-icon-map.js b/ui/packages/consul-ui/app/helpers/external-source-icon-map.js
new file mode 100644
index 0000000000..5a657b98d8
--- /dev/null
+++ b/ui/packages/consul-ui/app/helpers/external-source-icon-map.js
@@ -0,0 +1,19 @@
+import { helper } from '@ember/component/helper';
+
+const EXTERNAL_SOURCE_ICON_MAP = {
+ kubernetes: 'kubernetes-color',
+ terraform: 'terraform-color',
+ nomad: 'nomad-color',
+ consul: 'consul-color',
+ 'consul-api-gateway': 'consul-color',
+ vault: 'vault',
+ jwt: 'jwt-color',
+ aws: 'aws-color',
+ lambda: 'aws-lambda-color',
+};
+
+function externalSourceIconMap([icon]) {
+ return EXTERNAL_SOURCE_ICON_MAP[icon];
+}
+
+export default helper(externalSourceIconMap);
diff --git a/ui/packages/consul-ui/package.json b/ui/packages/consul-ui/package.json
index 54bf1e27ab..71e5890ab7 100644
--- a/ui/packages/consul-ui/package.json
+++ b/ui/packages/consul-ui/package.json
@@ -70,7 +70,7 @@
"@hashicorp/design-system-components": "^1.0.4",
"@hashicorp/design-system-tokens": "^1.0.0",
"@hashicorp/ember-cli-api-double": "^4.0.0",
- "@hashicorp/ember-flight-icons": "^2.0.12",
+ "@hashicorp/ember-flight-icons": "^3.0.0",
"@html-next/vertical-collection": "^4.0.0",
"@lit/reactive-element": "^1.2.1",
"@xstate/fsm": "^1.4.0",
diff --git a/ui/yarn.lock b/ui/yarn.lock
index 3716786318..0d7746cc15 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -3315,11 +3315,26 @@
ember-cli-babel "^7.26.11"
ember-cli-htmlbars "^6.0.1"
+"@hashicorp/ember-flight-icons@^3.0.0":
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/@hashicorp/ember-flight-icons/-/ember-flight-icons-3.0.0.tgz#fddeb8adfb036aa3573c55b7236b34172b49cba9"
+ integrity sha512-+QrV38Ix9dWLwMzdVcMcSmFfeSVGvWvB+3OVBq3ltOTmnoLPIAx8LT9UDZUZ1wa65ciO+a1YzLMmwWnQgX/r9Q==
+ dependencies:
+ "@hashicorp/flight-icons" "^2.11.0"
+ ember-auto-import "^2.4.1"
+ ember-cli-babel "^7.26.11"
+ ember-cli-htmlbars "^6.0.1"
+
"@hashicorp/flight-icons@^2.10.0":
version "2.10.0"
resolved "https://registry.yarnpkg.com/@hashicorp/flight-icons/-/flight-icons-2.10.0.tgz#24b03043bacda16e505200e6591dfef896ddacf1"
integrity sha512-jYUA0M6Tz+4RAudil+GW/fHbhZPcKCiIZZAguBDviqbLneMkMgPOBgbXWCGWsEQ1fJzP2cXbUaio8L0aQZPWQw==
+"@hashicorp/flight-icons@^2.11.0":
+ version "2.11.0"
+ resolved "https://registry.yarnpkg.com/@hashicorp/flight-icons/-/flight-icons-2.11.0.tgz#1500be99a42ee8512e7caece4bdae60ce8790577"
+ integrity sha512-teFkUY2di63JZ2gsegQgS+3f5YEP+GPuycB1Z2O+weInIrL33Ds0/J+lxFCmi2vkPAeY5xOnsclHYnhU6xOSmA==
+
"@html-next/vertical-collection@^4.0.0":
version "4.0.0"
resolved "https://registry.yarnpkg.com/@html-next/vertical-collection/-/vertical-collection-4.0.0.tgz#b3b3d52358e15e7ed46e028d12424dab994690ed"