42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import { useRouter } from 'next/navigation';
|
|
import { routes } from '@/lib/routing/RouteConfig';
|
|
import { ServerErrorTemplate, type ServerErrorViewData } from '@/templates/ServerErrorTemplate';
|
|
import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
|
|
|
|
/**
|
|
* ServerErrorPageClient
|
|
*
|
|
* Client-side entry point for the 500 page.
|
|
* Manages navigation and retry logic and wires it to the template.
|
|
*/
|
|
export function ServerErrorPageClient({ viewData: initialViewData }: Partial<ClientWrapperProps<ServerErrorViewData>>) {
|
|
const router = useRouter();
|
|
|
|
const handleHome = () => {
|
|
router.push(routes.public.home);
|
|
};
|
|
|
|
const handleRetry = () => {
|
|
window.location.reload();
|
|
};
|
|
|
|
const error = new Error('Internal Server Error') as Error & { digest?: string };
|
|
error.digest = 'HTTP_500';
|
|
|
|
const viewData: ServerErrorViewData = initialViewData ?? {
|
|
error,
|
|
incidentId: error.digest
|
|
};
|
|
|
|
return (
|
|
<ServerErrorTemplate
|
|
viewData={viewData}
|
|
onRetry={handleRetry}
|
|
onHome={handleHome}
|
|
/>
|
|
);
|
|
}
|