From bd2191ed8170105a8b18611defae767c4947400b Mon Sep 17 00:00:00 2001
From: Chris Hut <tophernuts@gmail.com>
Date: Wed, 24 Jan 2024 12:04:50 -0800
Subject: [PATCH] Converting to the hcp nav item

---
 .../app/components/hashicorp-consul/index.hbs |  8 ++++-
 .../app/components/hcp-nav-item/index.hbs     | 33 +++++++++++++++++++
 .../app/components/hcp-nav-item/index.js      | 22 +++++++++++++
 .../components/link-to-hcp-banner/index.js    |  1 -
 .../consul-ui/app/services/hcp-link-status.js |  6 +++-
 5 files changed, 67 insertions(+), 3 deletions(-)
 create mode 100644 ui/packages/consul-ui/app/components/hcp-nav-item/index.hbs
 create mode 100644 ui/packages/consul-ui/app/components/hcp-nav-item/index.js

diff --git a/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs b/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
index 58fc719201..8d0a0e0682 100644
--- a/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
+++ b/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
@@ -122,7 +122,13 @@
           class='hds-side-nav-hide-when-minimized consul-side-nav__selector-group'
           as |SNL|
         >
-          <Consul::Hcp::Home @list={{SNL}} />
+            <SNL.BackLink
+                    @text={{t "components.hashicorp-consul.side-nav.hcp"}}
+                    @href={{hcpUrl}}
+                    @isHrefExternal={{true}}
+                    data-test-back-to-hcp
+            />
+            <HcpNavItem @list={{SNL}}/>
           <Consul::Datacenter::Selector
             @list={{SNL}}
             @dc={{@dc}}
diff --git a/ui/packages/consul-ui/app/components/hcp-nav-item/index.hbs b/ui/packages/consul-ui/app/components/hcp-nav-item/index.hbs
new file mode 100644
index 0000000000..f026220791
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/hcp-nav-item/index.hbs
@@ -0,0 +1,33 @@
+{{!
+  Copyright (c) HashiCorp, Inc.
+  SPDX-License-Identifier: BUSL-1.1
+}}
+
+{{#let @list (env "CONSUL_HCP_URL") as |SNL hcpUrl|}}
+    {{#if this.accessedFromHcp}}
+        <SNL.BackLink
+            @text={{t "components.hashicorp-consul.side-nav.hcp"}}
+            @href={{hcpUrl}}
+            @isHrefExternal={{true}}
+            data-test-back-to-hcp
+        />
+    {{else}}
+        {{#if this.hcpLinkStatus.shouldDisplayNavLinkItem}}
+            {{#if this.hcpLinkStatus.alreadyLinked}}
+                <SNL.Link
+                        @text="HCP Consul Central"
+                        @href={{this.hcpLink}}
+                        @isHrefExternal={{true}}
+                        data-test-linked-cluster-hcp-link
+                />
+            {{else}}
+                <SNL.Item>
+                    {{#if this.shouldDisplayNewBadge}}
+                        <Hds::Badge @text="New" @color="highlight"/>
+                    {{/if}}
+                    <Hds::Text::Display @size='200'>{{this.linkText}}</Hds::Text::Display>
+                </SNL.Item>
+            {{/if}}
+        {{/if}}
+    {{/if}}
+{{/let}}
\ No newline at end of file
diff --git a/ui/packages/consul-ui/app/components/hcp-nav-item/index.js b/ui/packages/consul-ui/app/components/hcp-nav-item/index.js
new file mode 100644
index 0000000000..876690ecd2
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/hcp-nav-item/index.js
@@ -0,0 +1,22 @@
+import Component from '@glimmer/component';
+import { inject as service } from '@ember/service';
+
+export default class HcpLinkItemComponent extends Component {
+  @service('hcp-link-status') hcpLinkStatus;
+  @service env;
+
+  get hcpLink() {
+    // TODO: How do I figure this out? From the linking API?
+    return 'https://corn.com';
+  }
+
+  get accessedFromHcp() {
+    // If the user has accessed consul from HCP managed consul, we do NOT want to display the
+    // "HCP Consul Central↗️" link in the nav bar. As we're already displaying a BackLink from Hcp::Home
+    return !!this.env.var('CONSUL_HCP_URL');
+  }
+
+  get shouldDisplayNewBadge() {
+    return true;
+  }
+}
diff --git a/ui/packages/consul-ui/app/components/link-to-hcp-banner/index.js b/ui/packages/consul-ui/app/components/link-to-hcp-banner/index.js
index 3d0c96f2fa..52168cd7af 100644
--- a/ui/packages/consul-ui/app/components/link-to-hcp-banner/index.js
+++ b/ui/packages/consul-ui/app/components/link-to-hcp-banner/index.js
@@ -9,7 +9,6 @@ import { inject as service } from '@ember/service';
 
 export default class LinkToHcpBannerComponent extends Component {
   @service('hcp-link-status') hcpLinkStatus;
-  @service('env') env;
 
   @action
   onDismiss() {
diff --git a/ui/packages/consul-ui/app/services/hcp-link-status.js b/ui/packages/consul-ui/app/services/hcp-link-status.js
index 6eaa932f10..f6d0416074 100644
--- a/ui/packages/consul-ui/app/services/hcp-link-status.js
+++ b/ui/packages/consul-ui/app/services/hcp-link-status.js
@@ -11,10 +11,14 @@ const LOCAL_STORAGE_KEY = 'consul:hideHcpLinkBanner';
 export default class HcpLinkStatus extends Service {
   @service abilities;
   @tracked
-  alreadyLinked = false;
+  alreadyLinked = true; // TODO: default to false
   @tracked
   userDismissedBanner = false;
 
+  get shouldDisplayNavLinkItem() {
+    return this.hasPermissionToLink;
+  }
+
   get shouldDisplayBanner() {
     return !this.alreadyLinked && !this.userDismissedBanner && this.hasPermissionToLink;
   }