add settigns button

Author: kantord

src/components/Workspaces.test.tsx

@@ -1,5 +1,5 @@
 import { render } from "@/lib/test-utils";
-import { screen, waitFor } from "@testing-library/react";
+import { screen, waitFor, within } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
 import { Workspaces } from "./Workspaces";
 
@@ -32,5 +32,13 @@ describe("Workspaces page", () => {
     expect(
       screen.getByRole("rowheader", { name: /anotherworkspae/i }),
     ).toBeVisible();
+
+    const firstRow = screen.getByRole("row", { name: /myworkspace/i });
+    const firstButton = within(firstRow).getByRole("link", {
+      name: /settings/i,
+    });
+
+    expect(firstButton).toBeVisible();
+    expect(firstButton).toHaveAttribute("href", "/workspace/myworkspace");
   });
 });

src/components/Workspaces.tsx

@@ -2,11 +2,13 @@ import { useWorkspacesData } from "@/hooks/useWorkspacesData";
 import {
   Cell,
   Column,
+  LinkButton,
   Row,
   Table,
   TableBody,
   TableHeader,
 } from "@stacklok/ui-kit";
+import { Settings } from "lucide-react";
 
 export function Workspaces() {
   const result = useWorkspacesData();
@@ -28,7 +30,15 @@ export function Workspaces() {
           {workspaces.map((workspace) => (
             <Row key={workspace.name}>
               <Cell>{workspace.name}</Cell>
-              <Cell>hello</Cell>
+              <Cell>
+                <LinkButton
+                  href={`/workspace/${workspace.name}`}
+                  variant="tertiary"
+                >
+                  <Settings />
+                  Settings
+                </LinkButton>
+              </Cell>
             </Row>
           ))}
         </TableBody>