diff --git a/site/src/components/NavbarView/NavbarView.test.tsx b/site/src/components/NavbarView/NavbarView.test.tsx
index 13cc85a789036..15d643135d163 100644
--- a/site/src/components/NavbarView/NavbarView.test.tsx
+++ b/site/src/components/NavbarView/NavbarView.test.tsx
@@ -2,7 +2,7 @@ import { screen } from "@testing-library/react"
import React from "react"
import { MockUser } from "../../testHelpers/entities"
import { render } from "../../testHelpers/renderHelpers"
-import { NavbarView } from "./NavbarView"
+import { Language as navLanguage, NavbarView } from "./NavbarView"
describe("NavbarView", () => {
const noop = () => {
@@ -16,6 +16,24 @@ describe("NavbarView", () => {
await screen.findAllByText("Coder", { exact: false })
})
+ it("workspaces nav link has the correct href", async () => {
+ render()
+ const workspacesLink = await screen.findByText(navLanguage.workspaces)
+ expect((workspacesLink as HTMLAnchorElement).href).toContain("/workspaces")
+ })
+
+ it("templates nav link has the correct href", async () => {
+ render()
+ const templatesLink = await screen.findByText(navLanguage.templates)
+ expect((templatesLink as HTMLAnchorElement).href).toContain("/templates")
+ })
+
+ it("users nav link has the correct href", async () => {
+ render()
+ const userLink = await screen.findByText(navLanguage.users)
+ expect((userLink as HTMLAnchorElement).href).toContain("/users")
+ })
+
it("renders profile picture for user", async () => {
// Given
const mockUser = {
diff --git a/site/src/components/NavbarView/NavbarView.tsx b/site/src/components/NavbarView/NavbarView.tsx
index 1a471dc8bcb28..1c0edb236199f 100644
--- a/site/src/components/NavbarView/NavbarView.tsx
+++ b/site/src/components/NavbarView/NavbarView.tsx
@@ -15,6 +15,12 @@ export interface NavbarViewProps {
displayAdminDropdown: boolean
}
+export const Language = {
+ workspaces: "Workspaces",
+ templates: "Templates",
+ users: "Users",
+}
+
export const NavbarView: React.FC = ({ user, onSignOut, displayAdminDropdown }) => {
const styles = useStyles()
return (
@@ -27,12 +33,17 @@ export const NavbarView: React.FC = ({ user, onSignOut, display
- Workspaces
+ {Language.workspaces}
- Templates
+ {Language.templates}
+
+
+
+
+ {Language.users}