From ae42046f76a08a3f7cb2ad2ba3e348b82764c7d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?D=C3=A1niel=20K=C3=A1ntor?= <kd@stacklok.com>
Date: Wed, 15 Jan 2025 17:45:24 +0100
Subject: [PATCH] feat: make "setup" menu section less confusing (#81)

commit 55b07458581b09aae7f8d016e4529a74e2e5f7ad
Author: Daniel Kantor <kd@stacklok.com>
Date:   Wed Jan 15 15:01:35 2025 +0100

    chore: add prettier

commit b610317b6d7a9dceca73c2150b54435c7cff9334
Author: Daniel Kantor <kd@stacklok.com>
Date:   Wed Jan 15 14:50:49 2025 +0100

    refactor: extract <DropdownMenuItem />

commit d3513aa22d6674bc53dd4d4e4884c970b3ada90b
Author: Daniel Kantor <kd@stacklok.com>
Date:   Wed Jan 15 14:48:06 2025 +0100

    refactor: extract <DropdownMenu />

commit 9eb2021cf45f97f1e6588d56d6bdfdc43ba10442
Author: Daniel Kantor <kd@stacklok.com>
Date:   Wed Jan 15 14:44:34 2025 +0100

    refactor: extract <HeaderMenuItem />
---
 src/App.test.tsx          | 6 +++---
 src/components/Header.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.test.tsx b/src/App.test.tsx
index 28c7ca3f..04e2ebd1 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -19,7 +19,7 @@ describe("App", () => {
     render(<App />);
     expect(screen.getByText(/toggle sidebar/i)).toBeVisible();
     expect(screen.getByText("Certificates")).toBeVisible();
-    expect(screen.getByText("Help")).toBeVisible();
+    expect(screen.getByText("Setup")).toBeVisible();
     expect(screen.getByRole("banner")).toBeVisible();
     expect(
       screen.getByRole("heading", { name: /codeGate dashboard/i }),
@@ -31,13 +31,13 @@ describe("App", () => {
     ).toBeVisible();
     expect(
       screen.getByRole("link", {
-        name: /continue setup/i,
+        name: /set up in continue/i,
       }),
     ).toBeVisible();
 
     expect(
       screen.getByRole("link", {
-        name: /copilot setup/i,
+        name: /set up in copilot/i,
       }),
     ).toBeVisible();
     expect(
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index b8c56a55..20884c10 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -63,13 +63,13 @@ export function Header({ hasError }: { hasError?: boolean }) {
         </div>
 
         <div className="flex items-center relative group">
-          <HeaderMenuItem>Help</HeaderMenuItem>
+          <HeaderMenuItem>Setup</HeaderMenuItem>
           <DropdownMenu>
             <DropdownMenuItem to="/help/continue-setup">
-              Continue Setup
+              Set up in <span className="font-bold">Continue</span>
             </DropdownMenuItem>
             <DropdownMenuItem to="/help/copilot-setup">
-              Copilot Setup
+              Set up in <span className="font-bold">Copilot</span>
             </DropdownMenuItem>
           </DropdownMenu>
         </div>