- {localStorage?.getItem('token') ? (
-
+ {isAuthenticated ? (
+ <>
+ {/* Profile Avatar with Name */}
+
+ {/* Check if the user has an avatar, else use a placeholder */}
+ {user?.avatar ? (
+
+ ) : (
+
+
+
+ )}
+
+ {user?.name || user?.hospitalName}
+
+
+
+
+
) : (
- {
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
)}
@@ -362,9 +440,7 @@ const Navbar = ({ isAuthenticated, user, handleLogout }) => {
};
Navbar.propTypes = {
- isAuthenticated: PropTypes.bool,
user: PropTypes.object,
- handleLogout: PropTypes.func,
};
export default Navbar;
diff --git a/client/src/components/PreLoader.jsx b/client/src/components/PreLoader.jsx
new file mode 100644
index 0000000..c30e523
--- /dev/null
+++ b/client/src/components/PreLoader.jsx
@@ -0,0 +1,22 @@
+import "../styles/Preloader.css";
+
+const Preloader = () => {
+ return (
+
+
+
+ );
+};
+
+export default Preloader;
diff --git a/client/src/pages/About.jsx b/client/src/pages/About.jsx
index a254458..ec2ffaf 100644
--- a/client/src/pages/About.jsx
+++ b/client/src/pages/About.jsx
@@ -10,13 +10,10 @@ import { useRecoilValue } from 'recoil'; // Import Recoil
import { mode } from '../store/atom'; // Import the mode atom
import luson from '../assets/images/luson.jpg';
-
-
-
// Team member data
const teamMembers = [
{
- id:1,
+ id: 1,
name: 'Luson Basumatary',
role: 'Lead Developer || Founder',
description:
@@ -27,7 +24,7 @@ const teamMembers = [
email: 'mailto:luson@example.com',
},
{
- id:2,
+ id: 2,
name: 'Rohit Bansal',
role: 'Frontend Developer',
description:
@@ -38,7 +35,7 @@ const teamMembers = [
email: 'mailto:luson@example.com',
},
{
- id:3,
+ id: 3,
name: 'Kalpesh Jain',
role: 'UI/UX Designer',
description:
@@ -49,7 +46,7 @@ const teamMembers = [
email: 'mailto:luson@example.com',
},
{
- id:4,
+ id: 4,
name: 'Simranpreet Kaur',
role: 'Graphic Designer',
description:
@@ -60,7 +57,7 @@ const teamMembers = [
email: 'mailto:luson@example.com',
},
{
- id:5,
+ id: 5,
name: 'Kartik Kaushal',
role: 'Healthcare Researcher',
description:
@@ -71,7 +68,7 @@ const teamMembers = [
email: 'mailto:luson@example.com',
},
{
- id:6,
+ id: 6,
name: 'Shubham',
role: 'Technology Researcher',
description:
@@ -118,11 +115,13 @@ const AboutPage = () => {
{/* Two-box section for Vision and Mission */}
-
- Our Vision
-
- At Med-Space, we envision a world where accessing outpatient
- care is as simple as a few clicks. By leveraging technology and
+
+
+ Our Vision
+
+
+ At Med-Space, we envision a world where accessing outpatient care
+ is as simple as a few clicks. By leveraging technology and
innovation, we aim to provide a platform that bridges the gap
between patients and healthcare providers, making high-quality
care accessible to everyone, anywhere. We strive to ensure that
@@ -131,8 +130,10 @@ const AboutPage = () => {
- Our Mission
-
+
+ Our Mission
+
+
Our mission is to revolutionize outpatient care by creating a
comprehensive, easy-to-use platform that empowers patients and
healthcare providers alike. We are committed to building
@@ -146,21 +147,19 @@ const AboutPage = () => {
Meet our awesome team
- {teamMembers.map((member, index) => (
-
-
-
-
- {member.name}
-
- {member.role}
-
- {/* Social Media Icons */}
-
+ {teamMembers.map((member, index) => (
+
+
+
+ {member.name}
+ {member.role}
+
+ {/* Social Media Icons */}
+ {/*
-
-
-{member.description}
-
- {expandedIds[member.id]
- ? member.description
- : getLimitedText(member.description, charLimit)}
-
- {member.description.length > charLimit && (
- toggleReadMore(member.id)}
- className="text-blue-500 cursor-pointer ml-1 text-[12px]"
- >
- {expandedIds[member.id] ? 'Read Less' : 'Read More'}
-
- )}
-
-
-
-
-
- ))}
+ */}
+
+
+
+
+
+
+
+
+
+ {member.description}
+
+ {expandedIds[member.id]
+ ? member.description
+ : getLimitedText(member.description, charLimit)}
+
+ {member.description.length > charLimit && (
+ toggleReadMore(member.id)}
+ className="text-blue-500 cursor-pointer ml-1 text-[12px]"
+ >
+ {expandedIds[member.id] ? 'Read Less' : 'Read More'}
+
+ )}
+
+
+
+
+ ))}
{/* First Stat */}
@@ -296,8 +425,10 @@ const AboutPage = () => {
Nearby Hospitals
- Our Amazing Open Source Contributors
-
+
+ Our Amazing Open Source Contributors
+
+
![git team]()
(dark === 'dark' ? '#e2e8f0' : '#161D6F')};
line-height: 1.6;
-
`;
const MissionTitle = styled.h2`
@@ -418,18 +547,17 @@ const SocialIcons = styled.div`
a {
&:hover {
- color:${({ dark }) => (dark === 'dark' ? 'white' : 'blue')}; /* Optional hover effect */
+ color: ${({ dark }) =>
+ dark === 'dark' ? 'white' : 'blue'}; /* Optional hover effect */
}
}
-
-
`;
const Name = styled.h4`
font-size: 1.25rem;
margin-bottom: 0.2rem;
- color: ${({ dark }) => (dark === 'dark' ? '#B7E0FF' : '#333')};
- font-weight:bold;
+ color: ${({ dark }) => (dark === 'dark' ? '#B7E0FF' : '#333')};
+ font-weight: bold;
`;
const Role = styled.h5`
@@ -442,7 +570,6 @@ const Description = styled.p`
font-size: 0.9rem;
color: ${({ dark }) => (dark === 'dark' ? 'white' : '#666')};
line-height: 1.4;
-
`;
// Community Section
@@ -473,13 +600,12 @@ const JoinUsText = styled.p`
color: ${({ dark }) => (dark === 'dark' ? '#e2e8f0' : '#666')};
`;
-
const Title = styled.h3`
font-size: 2.5rem;
color: ${({ dark }) => (dark === 'dark' ? '#f6e05e' : '#c229b8')};
text-align: center;
margin-bottom: 2rem;
- font-weight:bold;
+ font-weight: bold;
`;
const StatsSection = styled.div`
diff --git a/client/src/pages/HospitalsAround.jsx b/client/src/pages/HospitalsAround.jsx
index 3add8ee..62c9c9e 100644
--- a/client/src/pages/HospitalsAround.jsx
+++ b/client/src/pages/HospitalsAround.jsx
@@ -7,7 +7,7 @@ import ReactDOMServer from 'react-dom/server'; // Import ReactDOMServer to rende
import { useRecoilState } from 'recoil';
import { mode } from '../store/atom';
import 'leaflet-routing-machine'; // Import Leaflet Routing Machine
-
+import Skeleton from '@mui/material/Skeleton';
import Navbar from '../components/Navbar';
import '../styles/Nearbyhospitals.css';
@@ -302,8 +302,23 @@ const HospitalsAround = () => {
className="h-[50vh] w-full md:w-[70%] md:h-screen "
>
+ Having trouble fetching location. Please enable location access in
+ your browser and reload the page to retry.
+
) : (
- locationError?Having trouble fetching location. Please enable location access in your browser and reload the page to retry.
:Fetching location...
+
+
+
+
)}
- 
+ 
+
+
+## Stargazers ❤️
+
+