Add keyboard search and the empty, loading, and error states.
CONTENT-WP-0002-T05 focuses search with slash, clears it with Escape, and wraps the header on a narrow screen. Assistant: grok Assistant-Session: 01a1346c-fdff-7741-b1af-b7283661554b
This commit is contained in:
parent
0cbc7baf49
commit
85ec9fa867
7 changed files with 199 additions and 12 deletions
11
ui/app/error.tsx
Normal file
11
ui/app/error.tsx
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
"use client";
|
||||
|
||||
export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
|
||||
return (
|
||||
<div className="mx-auto max-w-7xl px-4 py-14 sm:px-6" role="alert">
|
||||
<h1 className="text-2xl">This page could not be loaded.</h1>
|
||||
<p className="mt-3 max-w-2xl text-sm text-muted">{error.message || "Records could not be loaded."}</p>
|
||||
<button type="button" className="btn mt-6" onClick={() => reset()}>Try again</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue