From e2e3e371a8729d235446400ac38f161e8d58da00 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 21 Jun 2021 15:42:14 +0300
Subject: [PATCH] Highlight community slack channel link (#3127)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/extensions/registries/welcome-menu-registry.ts | 1 -
 src/renderer/components/+welcome/welcome.scss      | 8 ++++++++
 src/renderer/components/+welcome/welcome.tsx       | 4 ++--
 src/renderer/initializers/welcome-menu-registry.ts | 1 -
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/extensions/registries/welcome-menu-registry.ts b/src/extensions/registries/welcome-menu-registry.ts
index 681de6c8f3..7092028459 100644
--- a/src/extensions/registries/welcome-menu-registry.ts
+++ b/src/extensions/registries/welcome-menu-registry.ts
@@ -25,7 +25,6 @@ export interface WelcomeMenuRegistration {
   title: string | (() => string);
   icon: string;
   click: () => void | Promise<void>;
-  testId?: string;
 }
 
 export class WelcomeMenuRegistry extends BaseRegistry<WelcomeMenuRegistration> {}
diff --git a/src/renderer/components/+welcome/welcome.scss b/src/renderer/components/+welcome/welcome.scss
index 6141f9f517..bb1318c64e 100644
--- a/src/renderer/components/+welcome/welcome.scss
+++ b/src/renderer/components/+welcome/welcome.scss
@@ -68,4 +68,12 @@
     height: 200px;
     color: var(--primary);
   }
+
+  a.link {
+    color: var(--colorInfo);
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
 }
diff --git a/src/renderer/components/+welcome/welcome.tsx b/src/renderer/components/+welcome/welcome.tsx
index d6f24b076b..2b06d8d255 100644
--- a/src/renderer/components/+welcome/welcome.tsx
+++ b/src/renderer/components/+welcome/welcome.tsx
@@ -39,12 +39,12 @@ export class Welcome extends React.Component {
           <p>
             To get you started we have auto-detected your clusters in your kubeconfig file and added them to the catalog, your centralized view for managing all your cloud-native resources.
             <br/><br/>
-            If you have any questions or feedback, please join our <a href={slackUrl} target="_blank" rel="noreferrer">Lens Community slack channel</a>.
+            If you have any questions or feedback, please join our <a href={slackUrl} target="_blank" rel="noreferrer" className="link">Lens Community slack channel</a>.
           </p>
 
           <ul className="box">
             {WelcomeMenuRegistry.getInstance().getItems().map((item, index) => (
-              <li key={index} className="flex grid-12" onClick={() => item.click()} data-testId={item.testId}>
+              <li key={index} className="flex grid-12" onClick={() => item.click()}>
                 <Icon material={item.icon} className="box col-1" /> <a className="box col-10">{typeof item.title === "string" ? item.title : item.title()}</a> <Icon material="navigate_next" className="box col-1" />
               </li>
             ))}
diff --git a/src/renderer/initializers/welcome-menu-registry.ts b/src/renderer/initializers/welcome-menu-registry.ts
index c5dd6d2724..5a6944be11 100644
--- a/src/renderer/initializers/welcome-menu-registry.ts
+++ b/src/renderer/initializers/welcome-menu-registry.ts
@@ -30,7 +30,6 @@ export function initWelcomeMenuRegistry() {
         title: "Browse Clusters",
         icon: "view_list",
         click: () => navigate(catalogURL({ params: { group: "entity.k8slens.dev", kind: "KubernetesCluster" } } )),
-        testId: "browseClustersButton"
       }
     ]);
 }