From 53deee85dde77b0a6ec15e428325ace15089e62f Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 24 Oct 2023 14:43:43 -0700
Subject: [PATCH] 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!
---
 src/app/UserItemListsIndexPage.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/UserItemListsIndexPage.js b/src/app/UserItemListsIndexPage.js
index 8a82a18..41fd86a 100644
--- a/src/app/UserItemListsIndexPage.js
+++ b/src/app/UserItemListsIndexPage.js
@@ -33,7 +33,7 @@ import { useRouter } from "next/router";
 import { useQuery, useLazyQuery, useMutation } from "@apollo/client";
 
 import HangerSpinner from "./components/HangerSpinner";
-import { Heading1, Heading2 } from "./util";
+import { Heading1, Heading2, MajorErrorMessage } from "./util";
 import SupportOnly from "./WardrobePage/support/SupportOnly";
 import useSupport from "./WardrobePage/support/useSupport";
 import useCurrentUser from "./components/useCurrentUser";
@@ -101,7 +101,7 @@ function UserItemListsIndexPage() {
   }
 
   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