From fc40212823d6875fb02e1fc20bd6b161d57dd602 Mon Sep 17 00:00:00 2001
From: kenia <keniavalladarez@gmail.com>
Date: Thu, 8 Apr 2021 15:15:19 -0400
Subject: [PATCH] Create Topology Metrics Source Type to be in each Card

---
 .../app/components/topology-metrics/source-type/index.hbs   | 6 ++++++
 .../app/components/topology-metrics/source-type/index.scss  | 4 ++++
 ui/packages/consul-ui/app/styles/components.scss            | 2 ++
 ui/packages/consul-ui/app/styles/components/pill.scss       | 3 ++-
 4 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 ui/packages/consul-ui/app/components/topology-metrics/source-type/index.hbs
 create mode 100644 ui/packages/consul-ui/app/components/topology-metrics/source-type/index.scss

diff --git a/ui/packages/consul-ui/app/components/topology-metrics/source-type/index.hbs b/ui/packages/consul-ui/app/components/topology-metrics/source-type/index.hbs
new file mode 100644
index 0000000000..6ffec49aa2
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/topology-metrics/source-type/index.hbs
@@ -0,0 +1,6 @@
+<span
+  class="topology-metrics-source-type"
+  {{tooltip (t "components.consul.topology-metrics.source-type.tooltip")}}
+>
+  {{t "components.consul.topology-metrics.source-type.text"}}
+</span>
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/topology-metrics/source-type/index.scss b/ui/packages/consul-ui/app/components/topology-metrics/source-type/index.scss
new file mode 100644
index 0000000000..578c0c1bed
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/topology-metrics/source-type/index.scss
@@ -0,0 +1,4 @@
+.topology-metrics-source-type {
+  margin: 6px 0 6px 12px;
+  display: table;
+}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/components.scss b/ui/packages/consul-ui/app/styles/components.scss
index ada90c9026..8436a0be40 100644
--- a/ui/packages/consul-ui/app/styles/components.scss
+++ b/ui/packages/consul-ui/app/styles/components.scss
@@ -79,6 +79,8 @@
 
 @import 'consul-ui/components/role-selector';
 @import 'consul-ui/components/topology-metrics';
+@import 'consul-ui/components/topology-metrics/card';
+@import 'consul-ui/components/topology-metrics/source-type';
 @import 'consul-ui/components/topology-metrics/popover';
 @import 'consul-ui/components/topology-metrics/series';
 @import 'consul-ui/components/topology-metrics/stats';
diff --git a/ui/packages/consul-ui/app/styles/components/pill.scss b/ui/packages/consul-ui/app/styles/components/pill.scss
index 707b41c8d2..9ecbdb2fde 100644
--- a/ui/packages/consul-ui/app/styles/components/pill.scss
+++ b/ui/packages/consul-ui/app/styles/components/pill.scss
@@ -1,7 +1,8 @@
 span.policy-service-identity,
 span.policy-node-identity,
 .leader,
-.consul-auth-method-type {
+.consul-auth-method-type,
+.topology-metrics-source-type {
   @extend %pill-200, %frame-gray-600;
 }
 span.policy-service-identity::before,