since3-website/modules/shared/ui/components/requested-path.tsx
2026-09-25 18:53:25 +02:00

21 lines
632 B
TypeScript

"use client"
import { usePathname } from "next/navigation"
/** Echoes the URL that didn't resolve, terminal-log style. */
export function RequestedPath() {
const pathname = usePathname()
return (
<p className="mt-8 max-w-[60ch] rounded-2xl border border-white/15 bg-white/5 px-6 py-4 text-left font-mono text-label text-white">
<span className="text-ink-400">$ curl </span>
{pathname}
<br />
<span className="text-signal-error">404 Not Found</span>
<span
aria-hidden="true"
className="ml-1 inline-block h-4 w-2 translate-y-0.5 animate-pulse bg-white"
/>
</p>
)
}