diff --git a/src/components/Reminders/ReminderTable.jsx b/src/components/Reminders/ReminderTable.jsx index 4a2cb0a..134fcfa 100755 --- a/src/components/Reminders/ReminderTable.jsx +++ b/src/components/Reminders/ReminderTable.jsx @@ -1,11 +1,28 @@ -import React, { useState } from "react"; +import React, { useEffect, useState } from "react"; import dataImage1 from "../../assets/images/data-table-user-1.png"; -import dataImage2 from "../../assets/images/data-table-user-2.png"; -import dataImage3 from "../../assets/images/data-table-user-3.png"; -import dataImage4 from "../../assets/images/data-table-user-4.png"; +import usersService from "../../services/UsersService"; import SelectBox from "../Helpers/SelectBox"; export default function ReminderTable({ className }) { + const [userReminders, setUserReminders] = useState([]); + + const api = new usersService(); + useEffect(() => { + getUserReminders(); + }, []); + + const getUserReminders = async () => { + try { + const res = await api.getUserReminders(); + + setUserReminders(res.data.reminders); + console.log("res", res); + + } catch (error) { + console.log("Error from User Reminders", error); + } + }; + const filterCategories = ["All Categories", "Doctors Visit", "Medications"]; const [selectedCategory, setCategory] = useState(filterCategories[0]); return ( @@ -39,8 +56,62 @@ export default function ReminderTable({ className }) { {selectedCategory === "All Categories" ? ( + <> - + {userReminders.map((reminders, index) => ( + + + +
+
+ data +
+
+

+ Pizza Testing Appointament +

+ + + Added {reminders.added} + +
+
+ + +
+ + + {reminders.start_date} + +
+ + +
+ + {reminders.end_date} + +
+ + + + {reminders.reminder} + + + + + + + ))} + {/*
@@ -186,57 +257,9 @@ export default function ReminderTable({ className }) { Edit - - - -
-
- data -
-
-

- Pizza Testing Appointament -

- - Added 10-10-2025 - -
-
- - -
- - - 12-01-25 : 6:30 PM - -
- - -
- - 12-01-28 : 6:30 PM - -
- - - - 4 - - - - - - + */} + ) : selectedCategory === "Doctors Visit" ? ( <> diff --git a/src/services/UsersService.js b/src/services/UsersService.js index 5d78009..44d7d22 100644 --- a/src/services/UsersService.js +++ b/src/services/UsersService.js @@ -1,4 +1,3 @@ -import React from "react"; import Axios from "axios"; class usersService { @@ -24,7 +23,7 @@ class usersService { //---------------------------------------- ----- //---------------------------------------- ----- getAuxEnd(uri, reqData) { - debugger; + // debugger; const session_token = localStorage.getItem("session_token"); let axiosConfig = { headers: {