You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

23 lines
578 B

import { FC } from "react";
import { Button } from "@nextui-org/button";
import { Spacer } from "@nextui-org/spacer";
export const ErrorPage: FC<{ data: Error; refetch: () => void }> = ({
data: error,
refetch
}) => {
return (
<div className="flex-1 flex items-center justify-center">
<div className="text-center">
<h1 className="text-xl">An error occurred loading the search page</h1>
<h2 className="text-lg">{error.toString()}</h2>
<Spacer y={2} />
<Button color="primary" onClick={() => refetch()}>
Retry
</Button>
</div>
</div>
);
};