From e7ec4dd25e64feb135ed81fde1a4e4b47d6c1907 Mon Sep 17 00:00:00 2001
From: Cameron Perera <cameron.perera@hashicorp.com>
Date: Thu, 3 Aug 2023 11:51:29 -0500
Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20add=20"Connect=20for?=
 =?UTF-8?q?=20more=20info"=20panel=20to=20target=20details=20(#1819)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ Closes: ICU-10283
---
 addons/core/translations/resources/en-us.yaml       |  3 +++
 .../scopes/scope/projects/targets/target.hbs        | 13 ++++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml
index 258f48116..14a2c70a0 100644
--- a/addons/core/translations/resources/en-us.yaml
+++ b/addons/core/translations/resources/en-us.yaml
@@ -535,6 +535,9 @@ target:
       title: Target Connection Details
     proxy_url:
       title: Proxy URL
+    connect-more-info:
+      title: Connect for more info
+      description: Additional information for this target will be provided here after your session is established.
   titles:
     new: New Target
   actions:
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/target.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/target.hbs
index ced82b27a..d24b36595 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/target.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/target.hbs
@@ -26,7 +26,18 @@
   <page.body>
     <div class='copy-url-container'>{{t 'actions.copy-to-clipboard'}}</div>
     <Rose::Layout::BodyContent as |bc|>
-      <bc.Body class='target-details-body'>{{@model.displayName}}</bc.Body>
+      <bc.Body class='target-details-body'>
+        <Hds::ApplicationState as |A|>
+          <A.Header
+            @title={{t 'resources.target.messages.connect-more-info.title'}}
+          />
+          <A.Body
+            @text={{t
+              'resources.target.messages.connect-more-info.description'
+            }}
+          />
+        </Hds::ApplicationState>
+      </bc.Body>
       <bc.Sidebar class='target-details-sidebar'>{{@model.id}}</bc.Sidebar>
     </Rose::Layout::BodyContent>
   </page.body>