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" ? ( + <> -