Use MajorErrorMessage on user lists page

There's an error here that I'm trying to fix, first I'll make the error message nicer for people!
This commit is contained in:
Emi Matchu 2023-10-24 14:43:43 -07:00
parent e70e67211e
commit 53deee85dd

View file

@ -33,7 +33,7 @@ import { useRouter } from "next/router";
import { useQuery, useLazyQuery, useMutation } from "@apollo/client"; import { useQuery, useLazyQuery, useMutation } from "@apollo/client";
import HangerSpinner from "./components/HangerSpinner"; import HangerSpinner from "./components/HangerSpinner";
import { Heading1, Heading2 } from "./util"; import { Heading1, Heading2, MajorErrorMessage } from "./util";
import SupportOnly from "./WardrobePage/support/SupportOnly"; import SupportOnly from "./WardrobePage/support/SupportOnly";
import useSupport from "./WardrobePage/support/useSupport"; import useSupport from "./WardrobePage/support/useSupport";
import useCurrentUser from "./components/useCurrentUser"; import useCurrentUser from "./components/useCurrentUser";
@ -101,7 +101,7 @@ function UserItemListsIndexPage() {
} }
if (error) { if (error) {
return <Box color="red.400">{error.message}</Box>; return <MajorErrorMessage error={error} variant="network" />;
} }
// TODO: I'm not sure why, but apparently `data` is `undefined` in the user // TODO: I'm not sure why, but apparently `data` is `undefined` in the user