navbar_links

bencherdev · May 20, 2024 · 9756e58 · 9756e58
1 parent ca7f6b2
commit 9756e58
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 12 deletions.
diff --git a/services/console/src/components/console/perf/plot/PlotHeader.tsx b/services/console/src/components/console/perf/plot/PlotHeader.tsx
@@ -215,7 +215,12 @@ const EmbedPlotHeader = (props: Props) => {
 				<div class="column has-text-centered">
 					{/* biome-ignore lint/a11y/noBlankTarget: internal */}
 					<a href={perfUrl()} target="_blank">
-						<img id={BENCHER_WORDMARK_ID} src={BENCHER_WORDMARK} width="128em" alt="🐰 Bencher" />
+						<img
+							id={BENCHER_WORDMARK_ID}
+							src={BENCHER_WORDMARK}
+							width="128em"
+							alt="🐰 Bencher"
+						/>
 					</a>
 					{title()}
 				</div>

diff --git a/services/console/src/components/navbar/GitHubLink.tsx b/services/console/src/components/navbar/GitHubLink.tsx
@@ -0,0 +1,25 @@
+import { Show } from "solid-js";
+import { authUser } from "../../util/auth";
+import { BENCHER_GITHUB_URL } from "../../util/ext";
+
+const GitHubLink = () => {
+	return (
+		<Show
+			when={authUser()?.token}
+			fallback={
+				<a
+					class="navbar-item"
+					href={BENCHER_GITHUB_URL}
+					target="_blank"
+					rel="noreferrer"
+				>
+					GitHub
+				</a>
+			}
+		>
+			<div></div>
+		</Show>
+	);
+};
+
+export default GitHubLink;
diff --git a/services/console/src/components/navbar/Navbar.astro b/services/console/src/components/navbar/Navbar.astro
@@ -10,6 +10,8 @@ import { BENCHER_NAVBAR_BURGER_ID, BENCHER_NAVBAR_MENU_ID } from "./id";
 import ThemeToggle from "./theme/ThemeToggle.astro";
 import NavbarHelp from "./NavbarHelp.astro";
 import AuthButtons from "./AuthButtons";
+import PricingLink from "./PricingLink";
+import GitHubLink from "./GitHubLink";
 ---
 
 <nav
@@ -48,17 +50,21 @@ import AuthButtons from "./AuthButtons";
 			<a class="navbar-item" href="/explore/">
 				Explore
 			</a>
-			<a class="navbar-item" href="/pricing/">
-				Pricing
-			</a>
-			<a
-				class="navbar-item"
-				href={BENCHER_GITHUB_URL}
-				target="_blank"
-				rel="noreferrer"
-			>
-				GitHub
-			</a>
+			<PricingLink client:only="solid-js">
+				<a slot="fallback" class="navbar-item" href="/pricing/">
+					Pricing
+				</a>
+			</PricingLink>
+			<GitHubLink client:only="solid-js">
+				<a slot="fallback"
+						class="navbar-item"
+						href={BENCHER_GITHUB_URL}
+						target="_blank"
+						rel="noreferrer"
+					>
+						GitHub
+				</a>
+			</GitHubLink>
 		</div>
 
 		<div class="navbar-end">

diff --git a/services/console/src/components/navbar/PricingLink.tsx b/services/console/src/components/navbar/PricingLink.tsx
@@ -0,0 +1,19 @@
+import { Show } from "solid-js";
+import { authUser } from "../../util/auth";
+
+const PricingLink = () => {
+	return (
+		<Show
+			when={authUser()?.token}
+			fallback={
+				<a class="navbar-item" href="/pricing/">
+					Pricing
+				</a>
+			}
+		>
+			<div></div>
+		</Show>
+	);
+};
+
+export default PricingLink;