MyFit/users-myfit
2
0
Fork 0
Code Issues Pull Requests Releases Activity

reminder bubble

Browse Source
This commit is contained in:
Chukwumdiebube
2023-02-06 23:43:45 +01:00
parent 733478170f
commit a724e35d99
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Helpers/Icons.jsx
+7 -7
View File
@@ -1,11 +1,11 @@
import React from "react"; import React from "react";
import Tracking from "../../assets/images/icons/myFit_tracking.png" import Calendar from "../../assets/images/icons/myFit_calendar.png";
import Settings from "../../assets/images/icons/myFit_settings.png" import History from "../../assets/images/icons/myFit_history.png";
import Resources from "../../assets/images/icons/myFit_resources.png" import Profile from "../../assets/images/icons/myFit_profile.png";
import Reminder from "../../assets/images/icons/myFit_reminder.png" import Reminder from "../../assets/images/icons/myFit_reminder.png";
import Profile from "../../assets/images/icons/myFit_profile.png" import Resources from "../../assets/images/icons/myFit_resources.png";
import History from "../../assets/images/icons/myFit_history.png" import Settings from "../../assets/images/icons/myFit_settings.png";
import Calendar from "../../assets/images/icons/myFit_calendar.png" import Tracking from "../../assets/images/icons/myFit_tracking.png";
export default function Icons({ name }) { export default function Icons({ name }) {
return ( return (
src/components/Partials/Sidebar.jsx
+2 -2
View File
@@ -145,7 +145,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
}`} }`}
> >
Reminders Reminders
<span className={`absolute left-24 -top-1 text-sm flex primary-gradient justify-center items-center w-5 h-5 rounded-full text-white dark:text-purple ${'dark' ? 'dark-primary-gradient' : ''}`}> <span className={`absolute left-24 -top-1 text-sm flex primary-gradient justify-center items-center w-5 h-5 rounded-full text-white ${'dark' ? 'dark-primary-gradient text-purple' : ''} ${userReminders.length == 0 ? 'hidden' : ''}`}>
{userReminders.length > 0 && userReminders.length} {userReminders.length > 0 && userReminders.length}
</span> </span>
</span> </span>
@@ -270,7 +270,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
}`} }`}
> >
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full"> <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full">
<Icons name="setting" /> <Icons name="settings" />
</span> </span>
<span <span
className={`item-content group-hover:text-purple text-[18px] dark:hover:text-white transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${ className={`item-content group-hover:text-purple text-[18px] dark:hover:text-white transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${