diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx index 2b29924..33c8cfc 100755 --- a/src/components/Partials/Sidebar.jsx +++ b/src/components/Partials/Sidebar.jsx @@ -1,12 +1,28 @@ -import React, { useContext, useEffect } from "react"; +import React, { useContext, useEffect, useState } from "react"; import { NavLink } from "react-router-dom"; -import logo from "../../assets/images/myfit-logo-2.png"; //logo-2.svg"; -import logo3 from "../../assets/images/myfit-logo-2.png"; //logo-3.svg"; +import { default as logo, default as logo3 } from "../../assets/images/myfit-logo-2.png"; //logo-2.svg"; +import usersService from "../../services/UsersService"; import DarkModeContext from "../Contexts/DarkModeContext"; import Icons from "../Helpers/Icons"; export default function Sidebar({ sidebar, action, logoutModalHandler }) { const darkMode = useContext(DarkModeContext); + 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); + } + }; useEffect(() => { const title = document.querySelectorAll(".menu-setting-items .heading"); if (sidebar) { @@ -131,7 +147,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) { > Reminders - 0 + {userReminders.length > 0 && userReminders.length} diff --git a/src/components/Reminders/ReminderTable.jsx b/src/components/Reminders/ReminderTable.jsx index 134fcfa..25a110a 100755 --- a/src/components/Reminders/ReminderTable.jsx +++ b/src/components/Reminders/ReminderTable.jsx @@ -72,11 +72,11 @@ export default function ReminderTable({ className }) {