From 07575169af735b32291a831a86cb931c1de415f8 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 27 Apr 2024 15:02:50 -0500
Subject: [PATCH] Use server-side domain in nav

---
 src/app/layout.tsx | 9 +++++++--
 src/site/Nav.tsx   | 9 ++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2a29f043..a0bf6663 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,7 +2,12 @@ import { Analytics } from '@vercel/analytics/react';
 import { SpeedInsights } from '@vercel/speed-insights/react';
 import { clsx } from 'clsx/lite';
 import { IBM_Plex_Mono } from 'next/font/google';
-import { BASE_URL, SITE_DESCRIPTION, SITE_TITLE } from '@/site/config';
+import {
+  BASE_URL,
+  SITE_DESCRIPTION,
+  SITE_DOMAIN_OR_TITLE,
+  SITE_TITLE,
+} from '@/site/config';
 import AppStateProvider from '@/state/AppStateProvider';
 import ToasterWithThemes from '@/toast/ToasterWithThemes';
 import PhotoEscapeHandler from '@/photo/PhotoEscapeHandler';
@@ -78,7 +83,7 @@ export default function RootLayout({
                 'mx-3 mb-3',
                 'lg:mx-6 lg:mb-6',
               )}>
-                <Nav />
+                <Nav siteDomainOrTitle={SITE_DOMAIN_OR_TITLE} />
                 <div className={clsx(
                   'min-h-[16rem] sm:min-h-[30rem]',
                   'mb-12',
diff --git a/src/site/Nav.tsx b/src/site/Nav.tsx
index 94b24ece..2fa48a53 100644
--- a/src/site/Nav.tsx
+++ b/src/site/Nav.tsx
@@ -4,7 +4,6 @@ import { clsx } from 'clsx/lite';
 import { usePathname } from 'next/navigation';
 import Link from 'next/link';
 import SiteGrid from '../components/SiteGrid';
-import { SITE_DOMAIN_OR_TITLE } from '@/site/config';
 import ViewSwitcher, { SwitcherSelection } from '@/site/ViewSwitcher';
 import {
   PATH_ROOT,
@@ -16,7 +15,11 @@ import {
 import AnimateItems from '../components/AnimateItems';
 import { useAppState } from '@/state/AppState';
 
-export default function Nav() {
+export default function Nav({
+  siteDomainOrTitle,
+}: {
+  siteDomainOrTitle: string;
+}) {
   const pathname = usePathname();
 
   const { isUserSignedIn } = useAppState();
@@ -63,7 +66,7 @@ export default function Nav() {
                 'flex-grow text-right text-ellipsis overflow-hidden',
                 'hidden xs:block',
               )}>
-                {renderLink(SITE_DOMAIN_OR_TITLE, PATH_ROOT)}
+                {renderLink(siteDomainOrTitle, PATH_ROOT)}
               </div>
             </div>]
             : []}