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

Images added

Browse Source
This commit is contained in:
Chukwumdiebube
2023-02-06 21:58:45 +01:00
parent 86d379ac38
commit 4237947003
10 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env
+2 -2
View File
@@ -13,5 +13,5 @@ REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfitu
REACT_APP_SESSION_EXPIRE_MINUTES = 5
REACT_APP_TRACKING = "Tracking"
REACT_APP_RESOURCES = "Resources"
REACT_APP_TRACKING="Tracking"
REACT_APP_RESOURCES="Resources"
src/assets/images/icons/myFit_calendar.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

src/assets/images/icons/myFit_history.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

src/assets/images/icons/myFit_profile.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

src/assets/images/icons/myFit_reminder.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

src/assets/images/icons/myFit_resources.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

src/assets/images/icons/myFit_settings.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

src/assets/images/icons/myFit_tracking.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

src/components/Helpers/Icons.jsx
+15 -1
View File
@@ -1,4 +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"
export default function Icons({ name }) {
return (
@@ -468,7 +475,14 @@ export default function Icons({ name }) {
>
<rect y="0.823242" width="20" height="2.35294" rx="1.17647" />
</svg>
) : (
) : name === "settings" ? (<img src={Settings} alt="image" className="w-[24px] h-[24px]" />)
: name === "tracking" ? (<img src={Tracking} alt="image" className="w-[24px] h-[24px]" />)
: name === "resources" ? (<img src={Resources} alt="image" className="w-[24px] h-[24px]" />)
: name === "reminder" ? (<img src={Reminder} alt="image" className="w-[24px] h-[24px]" />)
: name === "profile" ? (<img src={Profile} alt="image" className="w-[24px] h-[24px]" />)
: name === "History" ? (<img src={History} alt="image" className="w-[24px] h-[24px]" />)
: name === "calendar" ? (<img src={Calendar} alt="image" className="w-[24px] h-[24px]" />)
: (
""
)}
</>
src/components/Partials/Sidebar.jsx
+6 -6
View File
@@ -137,7 +137,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 text-dark-gray dark:text-white dark:text-lighter-gray">
<Icons name="active-bids" />
<Icons name="reminder" />
</span>
<span
className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
@@ -160,7 +160,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 text-dark-gray dark:text-white dark:text-lighter-gray">
<Icons name="active-bids" />
<Icons name="tracking" />
</span>
<span
className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
@@ -180,7 +180,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 text-dark-gray dark:text-white dark:text-lighter-gray">
<Icons name="active-bids" />
<Icons name="calendar" />
</span>
<span
className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
@@ -200,7 +200,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 text-dark-gray dark:text-white dark:text-lighter-gray">
<Icons name="star" />
<Icons name="resources" />
</span>
<span
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
@@ -221,7 +221,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 text-dark-gray dark:text-white dark:text-lighter-gray">
<Icons name="history" />
<Icons name="History" />
</span>
<span
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
@@ -250,7 +250,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 text-dark-gray dark:text-white dark:text-lighter-gray">
<Icons name="people-two" />
<Icons name="profile" />
</span>
<span
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${