3 files changed, 47 insertions, 35 deletions

diff --git a/pages/en/anime/watch/[...info].js b/pages/en/anime/watch/[...info].js
index bc8851b..e013c6b 100644
--- a/pages/en/anime/watch/[...info].js
+++ b/pages/en/anime/watch/[...info].js
@@ -62,6 +62,7 @@ export default function Info({
                     }
                   }
                 }
+                bannerImage
                 description
                 coverImage {
                   extraLarge
@@ -127,7 +128,7 @@ export default function Info({
           }
         }
       }
-      
+
       setInfo(data.data.Media);
 
       const response = await fetch(
@@ -159,7 +160,7 @@ export default function Info({
           setLoading(false);
         }
       }
-      
+
       setArtStorage(JSON.parse(localStorage.getItem("artplayer_settings")));
       // setEpiData(episodes);
       setLoading(false);
@@ -237,18 +238,23 @@ export async function getServerSideProps(context) {
 
   let userData = null;
 
-  if (session) {
-    await createUser(session.user.name);
-    await createList(session.user.name, watchId);
-    const data = await getEpisode(session.user.name, watchId);
-    userData = JSON.parse(
-      JSON.stringify(data, (key, value) => {
-        if (key === "createdDate") {
-          return String(value);
-        }
-        return value;
-      })
-    );
+  try {
+    if (session) {
+      await createUser(session.user.name);
+      await createList(session.user.name, watchId);
+      const data = await getEpisode(session.user.name, watchId);
+      userData = JSON.parse(
+        JSON.stringify(data, (key, value) => {
+          if (key === "createdDate") {
+            return String(value);
+          }
+          return value;
+        })
+      );
+    }
+  } catch (error) {
+    console.error(error);
+    // Handle the error here
   }
 
   return {
diff --git a/pages/en/index.js b/pages/en/index.js
index c3a98fc..159d257 100644
--- a/pages/en/index.js
+++ b/pages/en/index.js
@@ -29,8 +29,13 @@ import { ToastContainer, toast } from "react-toastify";
 export async function getServerSideProps(context) {
   const session = await getServerSession(context.req, context.res, authOptions);
 
-  if (session) {
-    await createUser(session.user.name);
+  try {
+    if (session) {
+      await createUser(session.user.name);
+    }
+  } catch (error) {
+    console.error(error);
+    // Handle the error here
   }
 
   const trendingDetail = await aniListData({
@@ -145,22 +150,34 @@ export default function Home({ detail, populars, sessions, upComing }) {
   useEffect(() => {
     async function userData() {
       let data;
-      if (sessions?.user?.name) {
-        data = await fetch(
-          `/api/user/profile?name=${sessions?.user?.name}`
-        ).then((res) => {
+      try {
+        if (sessions?.user?.name) {
+          const res = await fetch(
+            `/api/user/profile?name=${sessions.user.name}`
+          );
           if (!res.ok) {
             switch (res.status) {
               case 404: {
-                return console.log("user not found");
+                console.log("user not found");
+                break;
               }
               case 500: {
-                return console.log("server error");
+                console.log("server error");
+                break;
+              }
+              default: {
+                console.log("unknown error");
+                break;
               }
             }
+          } else {
+            data = await res.json();
+            // Do something with the data
           }
-          return res.json();
-        });
+        }
+      } catch (error) {
+        console.error(error);
+        // Handle the error here
       }
       if (!data) {
         const dat = JSON.parse(localStorage.getItem("artplayer_settings"));
diff --git a/pages/en/test.js b/pages/en/test.js
deleted file mode 100644
index cf76827..0000000
--- a/pages/en/test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import VideoPlayer from "../../components/videoPlayer";
-
-export default function Test() {
-  return (
-    <div className="flex-center w-screen h-screen">
-      <div className="h-full aspect-video bg-black">
-        <VideoPlayer />
-      </div>
-    </div>
-  );
-}