fix: Decrease Retry Fetch Time, Error Page Tweaks

Updated retry delay in axiosRetry, modified error handling in error.tsx

Author: ErickLimaS

app/api/aniwatch.ts

@@ -8,7 +8,7 @@ const BASE_URL = process.env.NEXT_PUBLIC_ANIWATCH_API_URL
 // HANDLES SERVER ERRORS, most of time when server was not running due to be using the Free Tier
 axiosRetry(Axios, {
     retries: 3,
-    retryDelay: (retryAttempt) => retryAttempt * 2000,
+    retryDelay: (retryAttempt) => retryAttempt * 1300,
     retryCondition: (error) => error.response?.status == 500 || error.response?.status == 503,
     onRetry: (retryNumber) => console.log(`retry: ${retryNumber} ${retryNumber == 3 ? " - Last Attempt" : ""}`)
 })

app/api/consumetGoGoAnime.ts

@@ -11,7 +11,7 @@ const CONSUMET_API_URL = process.env.NEXT_PUBLIC_CONSUMET_API_URL
 // HANDLES SERVER ERRORS, most of time when server was not running due to be using the Free Tier
 axiosRetry(Axios, {
     retries: 3,
-    retryDelay: (retryAttempt) => retryAttempt * 2000,
+    retryDelay: (retryAttempt) => retryAttempt * 1300,
     retryCondition: (error) => error.response?.status == 500 || error.response?.status == 503,
     onRetry: (retryNumber) => console.log(`retry: ${retryNumber} ${retryNumber == 3 ? " - Last Attempt" : ""}`)
 })

app/error.tsx

@@ -4,6 +4,7 @@ import ErrorImg from "@/public/error-img-4.png"
 import Image from 'next/image'
 import { motion } from 'framer-motion'
 import styles from "./errorStyles.module.css"
+import { usePathname } from 'next/navigation'
 
 function ErrorPage({ error, reset }: {
     error: Error & { digest?: string }
@@ -14,6 +15,8 @@ function ErrorPage({ error, reset }: {
         console.error(error)
     }, [error])
 
+    const pathname = usePathname()
+    
     return (
 
         <div id={styles.error_container}>
@@ -28,6 +31,10 @@ function ErrorPage({ error, reset }: {
 
                 <p>Sometimes is due to the API Hosting! <b>Reloading Page Might Work!</b></p>
 
+                {pathname.slice(0, 6) == "/watch" && (
+                    <p>On videos, try to change between <b>dub</b> and <b>sub</b> options.</p>
+                )}
+
                 <span>
                     <b>{error.name}</b>: {error.message}
                 </span>
@@ -37,7 +44,7 @@ function ErrorPage({ error, reset }: {
             <div id={styles.buttons_container}>
 
                 <motion.button
-                    onClick={() => reset()}
+                    onClick={() => window.location.reload()}
                     whileTap={{ scale: 0.9 }}
                 >
                     Try again

app/my-lists/components/MediasContainer/index.tsx

@@ -166,7 +166,7 @@ function KeepWatchingListSection({ keepWatchingList, loading }: { keepWatchingLi
 function MediasListOnUserDoc({ userLists }: { userLists: { name: string, medias: ListItemOnMediasSaved[] }[] }) {
 
     return (
-        userLists.map((list) => (
+        userLists?.map((list) => (
 
             <div key={list.name} className={styles.list_container} id={list.name.toLowerCase()}>