From ce8d26dac4d8a3ba6f239f915d4336b2a4c35ed4 Mon Sep 17 00:00:00 2001
From: "Alex Pooley (@zuedev)" <zuedev@gmail.com>
Date: Tue, 12 May 2026 22:26:55 +0100
Subject: only show auth header when auth query param is present

---
 .../174bg.net/src/components/AuthHeader/index.js   | 26 ++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 communities/red-right-hand/174bg.net/src/components/AuthHeader/index.js

(limited to 'communities/red-right-hand/174bg.net/src/components/AuthHeader/index.js')

diff --git a/communities/red-right-hand/174bg.net/src/components/AuthHeader/index.js b/communities/red-right-hand/174bg.net/src/components/AuthHeader/index.js
new file mode 100644
index 0000000..1661421
--- /dev/null
+++ b/communities/red-right-hand/174bg.net/src/components/AuthHeader/index.js
@@ -0,0 +1,26 @@
+"use client";
+
+import { Show, SignInButton, SignUpButton, UserButton } from "@clerk/nextjs";
+import { useSearchParams } from "next/navigation";
+
+export default function AuthHeader() {
+  const searchParams = useSearchParams();
+
+  if (!searchParams.has("auth")) return null;
+
+  return (
+    <header className="flex justify-end items-center p-4 gap-4 h-16">
+      <Show when="signed-out">
+        <SignInButton />
+        <SignUpButton>
+          <button className="bg-purple-700 text-white rounded-full font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 cursor-pointer">
+            Sign Up
+          </button>
+        </SignUpButton>
+      </Show>
+      <Show when="signed-in">
+        <UserButton />
+      </Show>
+    </header>
+  );
+}
-- 
cgit v1.2.3