meeting-app/src/components/ErrorPage.tsx

import { MdError } from "react-icons/md";
import { Button, Text, VStack } from "@chakra-ui/react";
import { useRouter } from "next/router";

export default function LoadingPage() {
  const router = useRouter();

  return (
    <VStack
      justifyContent="center"
      alignItems="center"
      height="100vh"
      width="100vw"
      bg="gray.100"
    >
      <MdError color="purple.500" size="50%" />
      <Text color="purple.500" fontSize="2xl" fontWeight="bold">
        Une erreur est survenue
      </Text>
      <Button colorScheme={"purple"} onClick={() => router.push("/")}>
        Page d'accueuil
      </Button>
    </VStack>
  );
}