added github project link in header

goodeats · May 24, 2024 · 7f3ccf8 · 7f3ccf8
1 parent a09ea99
commit 7f3ccf8
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/app/components/github-project-link.tsx 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
@@ -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>