From 7f3ccf8d97c2abe4097882ace36bde7e6e0668a6 Mon Sep 17 00:00:00 2001
From: Pat Needham <patrick.h.needham@gmail.com>
Date: Fri, 24 May 2024 17:27:45 -0400
Subject: [PATCH] added github project link in header

---
 app/components/github-project-link.tsx | 14 ++++++++++++++
 app/components/layout/page-header.tsx  | 10 +++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 app/components/github-project-link.tsx

diff --git a/app/components/github-project-link.tsx b/app/components/github-project-link.tsx
new file mode 100644
index 00000000..e65f038f
--- /dev/null
+++ b/app/components/github-project-link.tsx
@@ -0,0 +1,14 @@
+import { Icon } from './ui/icon'
+
+export const GithubProjectLink = () => {
+	return (
+		<a
+			href="https://github.com/goodeats/epic-pppaaattt.xyz"
+			className="flex h-8 w-8 cursor-pointer items-center justify-center"
+		>
+			<Icon name="github-logo">
+				<span className="sr-only">GitHub Project</span>
+			</Icon>
+		</a>
+	)
+}
diff --git a/app/components/layout/page-header.tsx b/app/components/layout/page-header.tsx
index 24fa3f85..3d3f4ff1 100644
--- a/app/components/layout/page-header.tsx
+++ b/app/components/layout/page-header.tsx
@@ -1,5 +1,6 @@
 import { Link } from '@remix-run/react'
 import { useOptionalUser } from '#app/utils/user'
+import { GithubProjectLink } from '../github-project-link'
 import Logo from '../logo'
 import { ThemeSwitch } from '../theme-switch'
 import { Button } from '../ui/button'
@@ -13,7 +14,14 @@ const PageHeader = () => {
 			<nav className="flex flex-wrap items-center justify-between gap-4 sm:flex-nowrap md:gap-8">
 				<Logo />
 				<div className="flex items-center gap-10">
-					{user ? <UserDropdown /> : <ThemeSwitch />}
+					{user ? (
+						<UserDropdown />
+					) : (
+						<div className="flex gap-4">
+							<GithubProjectLink />
+							<ThemeSwitch />
+						</div>
+					)}
 				</div>
 			</nav>
 		</header>