reload availabilities from DB in case of delete error

components/availability/AvailabilityForm.js

@@ -56,30 +56,27 @@ export default function AvailabilityForm({ publisherId, existingItems, inline, o
   }, []);
 
 
-
-
   // Define the minimum and maximum times
   const minTime = new Date();
   minTime.setHours(8, 0, 0, 0); // 8:00 AM
   const maxTime = new Date();
   maxTime.setHours(20, 0, 0, 0); // 8:00 PM
 
+  const fetchItemFromDB = async () => {
+    const id = parseInt(router.query.id);
+    if (existingItems.length == 0 && id) {
+      try {
+        const response = await axiosInstance.get(`/api/data/availabilities/${id}`);
+        setAvailabilities([response.data]);
+        setEditMode(true);
+      } catch (error) {
+        console.error(error);
+        toast.error("Error fetching availability data.");
+      }
+    }
+  };
 
   useEffect(() => {
-    const fetchItemFromDB = async () => {
-      const id = parseInt(router.query.id);
-      if (existingItems.length == 0 && id) {
-        try {
-          const response = await axiosInstance.get(`/api/data/availabilities/${id}`);
-          setAvailabilities([response.data]);
-          setEditMode(true);
-        } catch (error) {
-          console.error(error);
-          toast.error("Error fetching availability data.");
-        }
-      }
-    };
-
     fetchItemFromDB();
   }, [router.query.id]);
 
@@ -212,10 +209,6 @@ export default function AvailabilityForm({ publisherId, existingItems, inline, o
     return availability;
   }
 
-
-
-
-
   const handleDelete = async (e) => {
     e.preventDefault();
     try {
@@ -236,6 +229,7 @@ export default function AvailabilityForm({ publisherId, existingItems, inline, o
       alert("Нещо се обърка при изтриването. Моля, опитайте отново или се свържете с нас");
       console.log(JSON.stringify(error));
       toast.error(error.response?.data?.message || "An error occurred");
+      fetchItemFromDB();
     }
   };