From e0b406cda5d1f992ab2e028a70e80dd51ad6429c Mon Sep 17 00:00:00 2001
From: Aditya Shah <adityashah2414@gmail.com>
Date: Sat, 24 Jan 2026 11:30:48 +0530
Subject: [PATCH] fixes the prettier syntax

---
 .../BookAppointment/BookingSummary.jsx        |  8 ++-
 client/src/components/quickmed/Navbar.jsx     | 64 +++++++++----------
 client/src/pages/quicklab/LabDetails.jsx      |  6 +-
 client/src/pages/quicklab/NearbyLabs.jsx      | 15 ++---
 4 files changed, 47 insertions(+), 46 deletions(-)

diff --git a/client/src/components/Patient/BookAppointment/BookingSummary.jsx b/client/src/components/Patient/BookAppointment/BookingSummary.jsx
index 694cecb..c71a65e 100644
--- a/client/src/components/Patient/BookAppointment/BookingSummary.jsx
+++ b/client/src/components/Patient/BookAppointment/BookingSummary.jsx
@@ -75,12 +75,16 @@ const BookingSummary = ({
 
           <div className="bg-blue-50 border-2 border-blue-200 rounded-xl p-3">
             <div className="flex items-center justify-between mb-2">
-              <span className="text-xs lg:text-sm font-semibold text-blue-900">QuickClinic Commission</span>
+              <span className="text-xs lg:text-sm font-semibold text-blue-900">
+                QuickClinic Commission
+              </span>
               <span className="text-xs lg:text-sm text-blue-700 font-semibold">1%</span>
             </div>
             <div className="flex items-center justify-between">
               <span className="text-xs text-blue-800">Our platform fee</span>
-              <span className="text-sm lg:text-base font-bold text-blue-900">₹{Math.round(consultationFee * 0.01)}</span>
+              <span className="text-sm lg:text-base font-bold text-blue-900">
+                ₹{Math.round(consultationFee * 0.01)}
+              </span>
             </div>
           </div>
         </div>
diff --git a/client/src/components/quickmed/Navbar.jsx b/client/src/components/quickmed/Navbar.jsx
index fd7b0ea..06c433d 100644
--- a/client/src/components/quickmed/Navbar.jsx
+++ b/client/src/components/quickmed/Navbar.jsx
@@ -123,38 +123,38 @@ const Navbar = () => {
           {/* Desktop Navigation */}
           <div className="hidden md:flex items-center space-x-4">
             {/* Explore Dropdown (patients & public) */}
-           
-              <div className="relative" ref={exploreRef}>
-                <button
-                  onClick={() => setIsExploreOpen((v) => !v)}
-                  className="px-3 py-2 text-[var(--color-med-text)] hover:text-[var(--color-med-green-600)] font-medium"
-                >
-                  Explore
-                </button>
-                {isExploreOpen && (
-                  <div className="absolute right-0 mt-2 w-40 bg-[var(--color-med-surface)] border border-[var(--color-med-border)] rounded-lg shadow-lg py-2">
-                    <button
-                      onClick={() => {
-                        setIsExploreOpen(false);
-                        navigate('/');
-                      }}
-                      className="block w-full text-left px-4 py-2 text-[var(--color-med-text)] hover:bg-[var(--color-med-green-50)] dark:hover:bg-[var(--color-med-green-900)]"
-                    >
-                      Quick Clinic
-                    </button>
-                    <button
-                      onClick={() => {
-                        setIsExploreOpen(false);
-                        navigate('/quick-lab');
-                      }}
-                      className="block w-full text-left px-4 py-2 text-[var(--color-med-text)] hover:bg-[var(--color-med-green-50)] dark:hover:bg-[var(--color-med-green-900)]"
-                    >
-                      Quick Lab
-                    </button>
-                  </div>
-                )}
-              </div>
-            
+
+            <div className="relative" ref={exploreRef}>
+              <button
+                onClick={() => setIsExploreOpen((v) => !v)}
+                className="px-3 py-2 text-[var(--color-med-text)] hover:text-[var(--color-med-green-600)] font-medium"
+              >
+                Explore
+              </button>
+              {isExploreOpen && (
+                <div className="absolute right-0 mt-2 w-40 bg-[var(--color-med-surface)] border border-[var(--color-med-border)] rounded-lg shadow-lg py-2">
+                  <button
+                    onClick={() => {
+                      setIsExploreOpen(false);
+                      navigate('/');
+                    }}
+                    className="block w-full text-left px-4 py-2 text-[var(--color-med-text)] hover:bg-[var(--color-med-green-50)] dark:hover:bg-[var(--color-med-green-900)]"
+                  >
+                    Quick Clinic
+                  </button>
+                  <button
+                    onClick={() => {
+                      setIsExploreOpen(false);
+                      navigate('/quick-lab');
+                    }}
+                    className="block w-full text-left px-4 py-2 text-[var(--color-med-text)] hover:bg-[var(--color-med-green-50)] dark:hover:bg-[var(--color-med-green-900)]"
+                  >
+                    Quick Lab
+                  </button>
+                </div>
+              )}
+            </div>
+
             <DarkModeToggle />
           </div>
 
diff --git a/client/src/pages/quicklab/LabDetails.jsx b/client/src/pages/quicklab/LabDetails.jsx
index 823457b..5bbf22f 100644
--- a/client/src/pages/quicklab/LabDetails.jsx
+++ b/client/src/pages/quicklab/LabDetails.jsx
@@ -468,7 +468,7 @@ export default function LabDetails() {
                         <span className="text-lab-black-900">Total</span>
                         <span className="text-lab-yellow-600">₹{calculateTotal()}</span>
                       </div>
-                      
+
                       <div className="bg-blue-50 border border-blue-200 rounded-lg p-3">
                         <div className="flex items-center justify-between text-sm mb-2">
                           <span className="text-blue-900 font-medium">QuickClinic Commission</span>
@@ -476,7 +476,9 @@ export default function LabDetails() {
                         </div>
                         <div className="flex items-center justify-between text-sm">
                           <span className="text-blue-900 text-xs">Our platform fee</span>
-                          <span className="text-blue-900 font-bold">₹{Math.round(calculateTotal() * 0.01)}</span>
+                          <span className="text-blue-900 font-bold">
+                            ₹{Math.round(calculateTotal() * 0.01)}
+                          </span>
                         </div>
                       </div>
                     </div>
diff --git a/client/src/pages/quicklab/NearbyLabs.jsx b/client/src/pages/quicklab/NearbyLabs.jsx
index 979492b..3a74b2e 100644
--- a/client/src/pages/quicklab/NearbyLabs.jsx
+++ b/client/src/pages/quicklab/NearbyLabs.jsx
@@ -153,12 +153,11 @@ export default function NearbyLabs() {
         ) : labs.length === 0 ? (
           <div className="text-center py-16">
             <MapPin className="w-16 h-16 mx-auto text-lab-black-300 mb-4" />
-            <p className="text-xl text-lab-black-600 font-semibold">No labs found in {detectedCity}</p>
+            <p className="text-xl text-lab-black-600 font-semibold">
+              No labs found in {detectedCity}
+            </p>
             <p className="text-lab-black-500 mt-2">Try searching in a different location</p>
-            <button
-              onClick={handleChangeLocation}
-              className="mt-4 btn-quicklab-primary px-6 py-2"
-            >
+            <button onClick={handleChangeLocation} className="mt-4 btn-quicklab-primary px-6 py-2">
               Change Location
             </button>
           </div>
@@ -179,11 +178,7 @@ export default function NearbyLabs() {
                 >
                   {/* Lab Logo */}
                   {lab.logo ? (
-                    <img
-                      src={lab.logo}
-                      alt={lab.name}
-                      className="w-full h-48 object-cover"
-                    />
+                    <img src={lab.logo} alt={lab.name} className="w-full h-48 object-cover" />
                   ) : (
                     <div className="w-full h-48 bg-gradient-to-br from-lab-yellow-100 to-lab-yellow-50 flex items-center justify-center">
                       <div className="text-center">