diff --git a/client/src/components/Navbar.jsx b/client/src/components/Navbar.jsx index 258115f..514c97f 100644 --- a/client/src/components/Navbar.jsx +++ b/client/src/components/Navbar.jsx @@ -1,13 +1,7 @@ import React, { useState, useEffect, useCallback, useContext } from 'react'; import { NavLink } from 'react-router-dom'; import { IoMenu, IoClose } from 'react-icons/io5'; -import { - FaHome, - FaUser, - FaHospital, - FaUserPlus, - FaHospitalAlt, -} from 'react-icons/fa'; +import { FaHome, FaHospital, FaUserPlus, FaHospitalAlt } from 'react-icons/fa'; import { AiOutlineInfoCircle } from 'react-icons/ai'; import { MdOutlineLocalHospital, MdLogin, MdDarkMode } from 'react-icons/md'; import { WiDaySunny } from 'react-icons/wi'; @@ -136,7 +130,9 @@ const Navbar = () => { onClick={() => setMobileMenuOpen(false)} > -

Hospitals

+

+ Hospitals +

)} @@ -151,7 +147,9 @@ const Navbar = () => { onClick={() => setMobileMenuOpen(false)} > -

Lab Tests

+

+ Lab Tests +

{ <> -

Lab Test

+

+ Lab Test +

- +

Hospitals Around @@ -288,7 +291,10 @@ const Navbar = () => { {/* Show only Hospitals Around for hospital */} {isAuthenticated && user?.role === 'hospital' && ( - +

Hospitals Around @@ -330,7 +336,7 @@ const Navbar = () => { ) : (

- { to="/register" > Register + */} + { + e.currentTarget.style.transform = 'scale(1.1)'; + e.currentTarget.style.boxShadow = + '0px 8px 16px rgba(0, 0, 0, 0.4)'; + }} + onMouseLeave={(e) => { + e.currentTarget.style.transform = 'scale(1)'; + e.currentTarget.style.boxShadow = + '0px 4px 8px rgba(0, 0, 0, 0.2)'; + }} + className="flex gap-2 items-center px-5 py-1 rounded-lg font-bold" + to="/login" + > + + (e.currentTarget.style.transform = + 'rotate(360deg) scale(1.2)') + } + onMouseLeave={(e) => + (e.currentTarget.style.transform = 'rotate(0deg) scale(1)') + } + />{' '} + Login + + + { + e.currentTarget.style.transform = 'scale(1.1)'; + e.currentTarget.style.boxShadow = + '0px 8px 16px rgba(0, 0, 0, 0.4)'; + }} + onMouseLeave={(e) => { + e.currentTarget.style.transform = 'scale(1)'; + e.currentTarget.style.boxShadow = + '0px 4px 8px rgba(0, 0, 0, 0.2)'; + }} + className="flex gap-2 items-center px-5 py-1 rounded-lg font-bold" + to="/register" + > + + (e.currentTarget.style.transform = + 'rotate(-360deg) scale(1.2)') + } + onMouseLeave={(e) => + (e.currentTarget.style.transform = 'rotate(0deg) scale(1)') + } + />{' '} + Register
)}