ft(notifications):add logic to insert notifications on every booking

app/(app)/ActionMenu/Booking/SelectPayment.tsx

@@ -86,6 +86,40 @@ export default function SelectPayment() {
       console.log("Error while inserting data in booking ", error);
     }
   }
+  const addNotification = async ( doctorName: string) => {
+    try {
+      const { error } = await supabase
+        .from('notifications')
+        .insert({
+          title: 'Appointment Booked',
+          description: `You have successfully booked an appointment with Dr. ${doctorName}`,
+          patient_id: patient_id,
+          type: "appointment_booked",
+          doctor_id:doctor_id
+
+        });
+console.log("Notification will be pushed")
+      if (error) {
+        console.log("Error while inserting notification ", error);
+      }
+    } catch (error) {
+      console.log("Error while inserting notification ", error);
+    }
+  };
+  const fetchDoctorName = async (doctorId: string) => {
+    const { data, error } = await supabase
+      .from('doctors')
+      .select('first_name')
+      .eq('id', doctorId)
+      .single();
+
+    if (error) {
+      console.log("Error fetching doctor's name: ", error);
+      return "";
+    }
+
+    return data.first_name;
+  };
   function successBooking() {
     router.push("ActionMenu");
     modal.hide();
@@ -178,10 +212,14 @@ export default function SelectPayment() {
       ),
     });
   };
-  const handleOnRedirect = (data: RedirectParams) => {
-    // console.log("redire data:", data)
+  const handleOnRedirect = async(data: RedirectParams) => {
+
     if (data.status === "successful") {
       bookAppointment();
+       if (typeof doctor_id === "string") {
+        const doctorName = await fetchDoctorName(doctor_id);
+        await addNotification(doctorName);
+      }
       showSuccefulModal();
     } else {
       alert("Payment Failed or cancelled ,please try again");