From 017b073f1964aede66f21795079c216fc40bf106 Mon Sep 17 00:00:00 2001
From: Kevin Wu <kevinwu098@gmail.com>
Date: Wed, 3 Apr 2024 13:41:49 -0700
Subject: [PATCH] style: images have pointer-events-none

---
 components/search/Search.tsx        | 4 ++--
 components/search/SearchResults.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/search/Search.tsx b/components/search/Search.tsx
index a1e9079..a0aef05 100644
--- a/components/search/Search.tsx
+++ b/components/search/Search.tsx
@@ -62,7 +62,7 @@ const LoadingState = () => {
                 <img
                     src="/loading.gif"
                     alt="loading gif"
-                    className="flex h-16 w-16 justify-center opacity-60"
+                    className="pointer-events-none flex h-16 w-16 justify-center opacity-60"
                 />
             </div>
             <div className="flex justify-center">Loading...</div>
@@ -77,7 +77,7 @@ const ErrorState = () => {
                 <img
                     src="/error.png"
                     alt="error"
-                    className="flex w-[500px] justify-center"
+                    className="pointer-events-none flex w-[500px] justify-center"
                 />
             </div>
             <div className="flex justify-center">An error occurred...</div>
diff --git a/components/search/SearchResults.tsx b/components/search/SearchResults.tsx
index db05f16..61437d7 100644
--- a/components/search/SearchResults.tsx
+++ b/components/search/SearchResults.tsx
@@ -137,7 +137,7 @@ const SearchResults = (props: SearchResultsProps) => {
                             <img
                                 src="/no_results.png"
                                 alt="no results"
-                                className="flex w-[500px] justify-center"
+                                className="pointer-events-none flex w-[500px] justify-center"
                             />
                         </div>
                         <div className="flex w-full flex-col justify-center gap-y-2 text-center">