fix bug modal search location in home && send request after click on continue for update list clinics && change style on hover text of specialties and service in clinics page && add loading for list of clinics && fix bug page doctor item && link footer to clinic-pro

components/doctor/detailDoctor/cards/AboutDcotor.js

@@ -43,7 +43,7 @@ function AboutDcotor({ doctor }) {
         <p className="text-[#525252] text-[14px] md:text-[16px] font-bold">
           تخصص ها
         </p>
-        <ul className="flex flex-col mt-[12px] sm:flex-row gap-y-[16px] items-start sm:items-center justify-start gap-4">
+        <ul className="flex flex-col mt-[12px] sm:flex-row gap-y-[16px] items-start sm:items-center justify-start gap-4 flex-wrap">
           {doctor?.expertise?.map((item, idx) => (
             <li key={idx} className="flex items-center justify-start gap-1">
               <span className="w-2 h-2 bg-[#F17732] rounded-full"></span>

components/doctor/detailDoctor/cards/comments/chart/index.js

@@ -53,11 +53,12 @@ function Chart({ comments, doctor }) {
       </div>
       <div className="flex flex-wrap items-center justify-center gap-[50px]">
         <ul className="flex w-full flex-col items-start justify-start gap-1.5 lg:w-fit">
-          {Object.values(doctor?.average_rate?.averages).map((item, idx) => (
-            <TextLoading width="full" key={idx} height={20}>
-              <ProgressDetail data={item} idx={idx} />
-            </TextLoading>
-          ))}
+          {doctor?.average_rate?.averages &&
+            Object.values(doctor?.average_rate?.averages).map((item, idx) => (
+              <TextLoading width="full" key={idx} height={20}>
+                <ProgressDetail data={item} idx={idx} />
+              </TextLoading>
+            ))}
         </ul>
         <ProgressAll doctor={doctor} />
       </div>