From 52e88bbf658a52497a2472fff39852bf40563733 Mon Sep 17 00:00:00 2001
From: kenia <keniavalladarez@gmail.com>
Date: Thu, 8 Apr 2021 17:03:25 -0400
Subject: [PATCH] Create TransparentProxy mode label for service instance page

---
 .../app/components/consul/transparent-proxy/index.hbs          | 3 +++
 ui/packages/consul-ui/app/styles/components/pill.scss          | 3 ++-
 ui/packages/consul-ui/app/templates/dc/services/instance.hbs   | 3 +++
 ui/packages/consul-ui/mock-api/v1/catalog/connect/_            | 1 +
 4 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 ui/packages/consul-ui/app/components/consul/transparent-proxy/index.hbs

diff --git a/ui/packages/consul-ui/app/components/consul/transparent-proxy/index.hbs b/ui/packages/consul-ui/app/components/consul/transparent-proxy/index.hbs
new file mode 100644
index 0000000000..0475d964fb
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/consul/transparent-proxy/index.hbs
@@ -0,0 +1,3 @@
+<span class="consul-transparent-proxy">
+  {{t "components.consul.transparent-proxy"}}
+</span>
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/styles/components/pill.scss b/ui/packages/consul-ui/app/styles/components/pill.scss
index 9ecbdb2fde..20c6988b7d 100644
--- a/ui/packages/consul-ui/app/styles/components/pill.scss
+++ b/ui/packages/consul-ui/app/styles/components/pill.scss
@@ -2,7 +2,8 @@ span.policy-service-identity,
 span.policy-node-identity,
 .leader,
 .consul-auth-method-type,
-.topology-metrics-source-type {
+.topology-metrics-source-type,
+.consul-transparent-proxy {
   @extend %pill-200, %frame-gray-600;
 }
 span.policy-service-identity::before,
diff --git a/ui/packages/consul-ui/app/templates/dc/services/instance.hbs b/ui/packages/consul-ui/app/templates/dc/services/instance.hbs
index d42586c88c..8e58a1f9f2 100644
--- a/ui/packages/consul-ui/app/templates/dc/services/instance.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/services/instance.hbs
@@ -58,6 +58,9 @@ as |route|>
             </h1>
             <Consul::ExternalSource @item={{item}} />
             <Consul::Kind @item={{item}} @withInfo={{true}} />
+            {{#if proxy.ServiceProxy.Mode}}
+              <Consul::TransparentProxy />
+            {{/if}}
           </BlockSlot>
           <BlockSlot @name="nav">
             <dl>
diff --git a/ui/packages/consul-ui/mock-api/v1/catalog/connect/_ b/ui/packages/consul-ui/mock-api/v1/catalog/connect/_
index e15b696944..2af98f0958 100644
--- a/ui/packages/consul-ui/mock-api/v1/catalog/connect/_
+++ b/ui/packages/consul-ui/mock-api/v1/catalog/connect/_
@@ -49,6 +49,7 @@ ${range(env('CONSUL_EXPOSED_COUNT', 3)).map((i) => `
 `)}
             ]
           },
+          "Mode": ${fake.random.boolean()},
           "DestinationServiceName": "${location.pathname.slice(4)}"
           ${ location.pathname.slice(4) === "service-0" ? `
           ,