mohs/sass-mohfarawati
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

Fix root access flow by forcing document navigation for Basic Auth
CI / quality (push) Waiting to run
Details

Browse Source
This commit is contained in:
MOH
2026-03-06 15:02:46 +01:00
parent 2056fdc7f6
commit 96a0d7f8bb
3 changed files with 55 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/coming-soon/page.tsx
+2 -3
View File
@@ -1,5 +1,4 @@
import { CalendarClock, Rocket, ShieldCheck, Sparkles } from "lucide-react"; import { CalendarClock, Rocket, ShieldCheck, Sparkles } from "lucide-react";
import Link from "next/link";
import { MotionFade } from "@/components/motion-fade"; import { MotionFade } from "@/components/motion-fade";
import { resolveLocale } from "@/lib/site-data"; import { resolveLocale } from "@/lib/site-data";
@@ -64,13 +63,13 @@ export default function ComingSoonPage({ params: { locale } }: ComingSoonPagePro
</p> </p>
<div className="mt-8"> <div className="mt-8">
<Link <a
href={`/${localeKey}/root`} href={`/${localeKey}/root`}
className="inline-flex items-center gap-2 rounded-lg bg-zinc-900 px-4 py-2.5 text-sm font-medium text-white transition hover:bg-zinc-700 dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-300" className="inline-flex items-center gap-2 rounded-lg bg-zinc-900 px-4 py-2.5 text-sm font-medium text-white transition hover:bg-zinc-700 dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-300"
> >
<ShieldCheck className="h-4 w-4" /> <ShieldCheck className="h-4 w-4" />
{copy.adminLink} {copy.adminLink}
</Link> </a>
</div> </div>
</section> </section>
</MotionFade> </MotionFade>
components/footer.tsx
+17 -8
View File
@@ -20,14 +20,23 @@ export function Footer() {
<div className="mx-auto flex w-full max-w-6xl flex-col gap-4 px-4 py-8 sm:px-6 lg:px-8"> <div className="mx-auto flex w-full max-w-6xl flex-col gap-4 px-4 py-8 sm:px-6 lg:px-8">
<nav className="flex flex-wrap gap-4 text-sm"> <nav className="flex flex-wrap gap-4 text-sm">
{navItems.map((item) => ( {navItems.map((item) => (
<Link item.key === "root" ? (
key={item.key} <a
href={`/${locale}${item.path}`} key={item.key}
prefetch={item.key === "root" ? false : undefined} href={`/${locale}${item.path}`}
className="text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100" className="text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100"
> >
{tNav(item.key)} {tNav(item.key)}
</Link> </a>
) : (
<Link
key={item.key}
href={`/${locale}${item.path}`}
className="text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100"
>
{tNav(item.key)}
</Link>
)
))} ))}
</nav> </nav>
<p className="text-xs text-zinc-500 dark:text-zinc-400"> <p className="text-xs text-zinc-500 dark:text-zinc-400">
components/navbar.tsx
+36 -17
View File
@@ -49,14 +49,23 @@ export function Navbar() {
</Link> </Link>
<nav className="hidden items-center gap-5 md:flex"> <nav className="hidden items-center gap-5 md:flex">
{navItems.map((item) => ( {navItems.map((item) => (
<Link item.key === "root" ? (
key={item.key} <a
href={`/${locale}${item.path}`} key={item.key}
prefetch={item.key === "root" ? false : undefined} href={`/${locale}${item.path}`}
className="text-sm text-zinc-700 transition hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100" className="text-sm text-zinc-700 transition hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100"
> >
{t(item.key)} {t(item.key)}
</Link> </a>
) : (
<Link
key={item.key}
href={`/${locale}${item.path}`}
className="text-sm text-zinc-700 transition hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100"
>
{t(item.key)}
</Link>
)
))} ))}
</nav> </nav>
</div> </div>
@@ -85,15 +94,25 @@ export function Navbar() {
<div className="border-t border-zinc-200 px-4 py-4 md:hidden dark:border-zinc-800"> <div className="border-t border-zinc-200 px-4 py-4 md:hidden dark:border-zinc-800">
<nav className="flex flex-col gap-3"> <nav className="flex flex-col gap-3">
{navItems.map((item) => ( {navItems.map((item) => (
<Link item.key === "root" ? (
key={item.key} <a
href={`/${locale}${item.path}`} key={item.key}
prefetch={item.key === "root" ? false : undefined} href={`/${locale}${item.path}`}
className="text-sm text-zinc-700 dark:text-zinc-300" className="text-sm text-zinc-700 dark:text-zinc-300"
onClick={() => setIsOpen(false)} onClick={() => setIsOpen(false)}
> >
{t(item.key)} {t(item.key)}
</Link> </a>
) : (
<Link
key={item.key}
href={`/${locale}${item.path}`}
className="text-sm text-zinc-700 dark:text-zinc-300"
onClick={() => setIsOpen(false)}
>
{t(item.key)}
</Link>
)
))} ))}
</nav> </nav>
<div className="mt-4 flex items-center gap-2"> <div className="mt-4 flex items-center gap-2">