Error Handling Updated

package.json

@@ -22,7 +22,7 @@
     "dotenv": "^16.3.1",
     "express": "^4.19.2",
     "framer-motion": "^10.16.5",
-    "next": "14.0.2",
+    "next": "^14.2.5",
     "nextjs-toploader": "^1.6.4",
     "nodemailer": "^6.9.7",
     "react": "^18",

src/app/Components/HashtechPosts.tsx

@@ -6,18 +6,30 @@ interface Props {
   redirectUrl: string;
 }
 
-const HashtechPosts = async ({ title, desc, redirectUrl }: Props) => {
-  let regex = /fbid=(\d+)&/;
-  let imageCode = redirectUrl.match(regex);
-
+async function getData(imageCode: any) {
   const res = await fetch(
     imageCode
       ? `https://hashtechimg.pythonanywhere.com/${imageCode[1]}?size=360`
       : "https://hashtechimg.pythonanywhere.com/874301847421348?size=360",
     { cache: "no-store" }
   );
 
-  const imgURL = await res.url;
+  if (!res.ok) {
+    return "/Logo.png";
+  } else {
+    return res.url;
+  }
+}
+
+const HashtechPosts = async ({ title, desc, redirectUrl }: Props) => {
+  let regex = /fbid=(\d+)&/;
+  let imageCode = redirectUrl.match(regex);
+
+  let imgURL = "";
+
+  try {
+    imgURL = await getData(imageCode);
+  } catch (error) {}
 
   // const inView = useInView(ref, { once: true });
   return (

src/app/Components/Sidebar/NewNotification.tsx

@@ -1,16 +1,31 @@
 import SaveData from "./SaveData";
 
-const NewNotification = async () => {
-  let data = [];
+async function getData() {
   const res = await fetch(
     "https://nditc.pythonanywhere.com/api/v1/notifications/web?page=1&limit=1",
     { cache: "no-store" }
   );
-  if (res.ok) {
-    data = await res.json();
+
+  if (!res.ok) {
+    return [];
+  } else {
+    return res.json();
+  }
+}
+
+const NewNotification = async () => {
+  let data: any[] = [];
+  try {
+    data = await getData();
+  } catch (error) {
+    console.log("Error");
   }
 
-  return <SaveData data={data} />;
+  if (data.length != 0) {
+    <SaveData data={data} />;
+  } else {
+    return <div></div>;
+  }
 };
 
 export default NewNotification;

src/app/Components/Sidebar/SaveData.tsx

@@ -5,10 +5,13 @@ import Link from "next/link";
 import { useEffect, useState } from "react";
 
 const SaveData = ({ data }: { data: any }) => {
-  const detailsEncrypt = AES.encrypt(data[0].details_url, "Anime");
+  const detailsEncrypt = AES.encrypt(
+    data.length != 0 ? data[0].details_url : "OOOPS",
+    "Anime"
+  );
   const [isNew, setIsNew] = useState(false);
 
-  const NewNotification = JSON.stringify(data[0].title);
+  const NewNotification = JSON.stringify(data[0]?.title);
 
   useEffect(() => {
     const savedNotification = localStorage.getItem("latestNotification");