reminder bubble

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
+7 -7
View File
@@ -1,11 +1,11 @@
import React from "react";
import Tracking from "../../assets/images/icons/myFit_tracking.png"
import Settings from "../../assets/images/icons/myFit_settings.png"
import Resources from "../../assets/images/icons/myFit_resources.png"
import Reminder from "../../assets/images/icons/myFit_reminder.png"
import Profile from "../../assets/images/icons/myFit_profile.png"
import History from "../../assets/images/icons/myFit_history.png"
import Calendar from "../../assets/images/icons/myFit_calendar.png"
import Calendar from "../../assets/images/icons/myFit_calendar.png";
import History from "../../assets/images/icons/myFit_history.png";
import Profile from "../../assets/images/icons/myFit_profile.png";
import Reminder from "../../assets/images/icons/myFit_reminder.png";
import Resources from "../../assets/images/icons/myFit_resources.png";
import Settings from "../../assets/images/icons/myFit_settings.png";
import Tracking from "../../assets/images/icons/myFit_tracking.png";
export default function Icons({ name }) {
return (
+2 -2
View File
@@ -145,7 +145,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
}`}
>
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}
</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">
<Icons name="setting" />
<Icons name="settings" />
</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 ${