fix/prevent break layout (#31)

* fix: fixed word wrap * fix: prevent refetch on error
sirLisko · Oct 7, 2024 · c9e2c1f · c9e2c1f
1 parent 82f43ea
commit c9e2c1f
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 4 deletions.
diff --git a/components/Result/Result.tsx b/components/Result/Result.tsx
@@ -169,7 +169,7 @@ const Result = ({ artistQuery }: Props) => {
             <div className="m-auto text-center text-2xl p-3">
               <Frown height={100} width={100} />
             </div>
-            <div className="m-auto text-center text-2xl p-3">
+            <div className="w-full break-words m-auto text-center text-2xl p-3">
               No setlists found for <b>{artistQuery[0]}</b>
             </div>
           </div>

diff --git a/services/artistData.ts b/services/artistData.ts
@@ -6,7 +6,11 @@ export const useArtistData = (artist: string | undefined) => {
   const { data, error, isLoading } = useSWR(
     artist ? `/api/artists/${artist}/spotify` : null,
     fetcher<ArtistData>,
-    { revalidateOnFocus: false, revalidateOnReconnect: false },
+    {
+      revalidateOnFocus: false,
+      shouldRetryOnError: false,
+      revalidateOnReconnect: false,
+    },
   );
 
   return {

diff --git a/services/events.ts b/services/events.ts
@@ -6,7 +6,11 @@ export const useEvents = (artist: string) => {
   const { data, error, isLoading } = useSWR(
     `/api/artists/${artist}/concerts`,
     fetcher<Event[]>,
-    { revalidateOnFocus: false, revalidateOnReconnect: false },
+    {
+      revalidateOnFocus: false,
+      shouldRetryOnError: false,
+      revalidateOnReconnect: false,
+    },
   );
 
   return {

diff --git a/services/searchArtist.ts b/services/searchArtist.ts
@@ -15,6 +15,7 @@ export const useSearchArtistByName = (searchTerm: string | undefined) => {
     {
       dedupingInterval: 300,
       revalidateOnFocus: false,
+      shouldRetryOnError: false,
       revalidateOnReconnect: false,
     },
   );
@@ -32,6 +33,7 @@ export const useGetArtist = (mbid: string | undefined) => {
     fetcher<ArtistInfo>,
     {
       revalidateOnFocus: false,
+      shouldRetryOnError: false,
       revalidateOnReconnect: false,
     },
   );

diff --git a/services/tracks.ts b/services/tracks.ts
@@ -10,7 +10,11 @@ export const useTracks = (artistName?: string, artistId?: string) => {
         ? `/api/tracks?artistName=${artistName}`
         : null,
     fetcher<SetList>,
-    { revalidateOnFocus: false, revalidateOnReconnect: false },
+    {
+      revalidateOnFocus: false,
+      shouldRetryOnError: false,
+      revalidateOnReconnect: false,
+    },
   );
 
   return {