From 367a527a6ff55a8281d5aa2e394ff718f83d1267 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 21 Jun 2021 10:21:53 -0700
Subject: [PATCH] Better error messages on ItemSearchPage

Using that MajorErrorMessage, baby :) Helpful for debugging item search refactors lol
---
 src/app/ItemSearchPage.js | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/app/ItemSearchPage.js b/src/app/ItemSearchPage.js
index ae54daf..47a21d9 100644
--- a/src/app/ItemSearchPage.js
+++ b/src/app/ItemSearchPage.js
@@ -11,7 +11,7 @@ import SearchToolbar, {
 import SquareItemCard, {
   SquareItemCardSkeleton,
 } from "./components/SquareItemCard";
-import { Delay, ErrorMessage, useCommonStyles, useDebounce } from "./util";
+import { Delay, MajorErrorMessage, useCommonStyles, useDebounce } from "./util";
 import PaginationToolbar from "./components/PaginationToolbar";
 
 function ItemSearchPage() {
@@ -183,12 +183,7 @@ function ItemSearchPageResults({ query: latestQuery, offset }) {
   }
 
   if (error) {
-    return (
-      <ErrorMessage>
-        Oops, we couldn't load the search results. Check your connection and try
-        again!
-      </ErrorMessage>
-    );
+    return <MajorErrorMessage error={error} variant="network" />;
   }
 
   if (data.itemSearch.items.length === 0) {