legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: update loading and error boundary components to use Card for consistency

Browse Source
This commit is contained in:
Ardeman 2025-03-19 18:00:29 +08:00
parent abf7e829ba
commit deeefda8bc
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/routes/_news._index.tsx
View File

@ -69,7 +69,7 @@ clientLoader.hydrate = true as const
export const HydrateFallback = () => {
return (
<Card>
<div className="flex h-96 items-center justify-center">
<div className="flex h-96 items-center justify-center gap-1">
<ArrowPathIcon className="size-5 animate-spin" />{' '}
<span>Loading...</span>
</div>
@ -94,7 +94,7 @@ export const ErrorBoundary = ({ error }: Route.ErrorBoundaryProps) => {
}
return (
<div className="container mx-auto p-4">
<Card>
<h1>{message}</h1>
<p>{details}</p>
{stack && (
@ -102,7 +102,7 @@ export const ErrorBoundary = ({ error }: Route.ErrorBoundaryProps) => {
<code>{stack}</code>
</pre>
)}
</div>
</Card>
)
}