Polish: imperial, clear-bed, keyboard nudging, empty states (#18)

Co-authored-by: Steve Dudenhoeffer <[email protected]>
2026-07-19 04:44:26 +00:00
parent c2dd93a93d
commit 245e0cbe71
14 changed files with 268 additions and 11 deletions
@@ -0,0 +1,20 @@
+import { Link } from '@tanstack/react-router'
+import { buttonClasses } from '@/components/ui/Button'
+import { usePageTitle } from '@/lib/usePageTitle'
+
+/** The router's catch-all for unknown paths. */
+export function NotFound() {
+  usePageTitle('Not found')
+  return (
+    <div className="mx-auto flex min-h-[60vh] w-full max-w-sm flex-col items-center justify-center gap-4 text-center">
+      <p className="text-5xl" aria-hidden>
+        🌱
+      </p>
+      <h1 className="text-lg font-semibold text-fg">Page not found</h1>
+      <p className="text-sm text-muted">That page doesn't exist — the link may be wrong or the page moved.</p>
+      <Link to="/gardens" className={buttonClasses('primary')}>
+        Back to gardens
+      </Link>
+    </div>
+  )
+}