Use server-side domain in nav

This commit is contained in:
Sam Becker 2024-04-27 15:02:50 -05:00
parent 5dcbda1abd
commit 07575169af
2 changed files with 13 additions and 5 deletions

View File

@ -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',

View File

@ -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>]
: []}