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/clinic/components/about/Services.js

@@ -10,17 +10,15 @@ function Services({ data }) {
     gap-y-[24px] sm:gap-y-[30px] md:gap-y-[35px] lg:gap-y-[40px]"
     >
       {data?.services?.map((item, idx) => (
-        <li key={idx} className="flex items-start justify-start gap-2">
+        <li
+          key={idx}
+          className="flex items-center justify-start gap-2 cursor-pointer hover-item-clinic"
+        >
           <div className="min-w-[24px] min-h-[24px]">
             <TickCircleOrange />
           </div>
           <TextLoading width={80} height={18}>
-            <h3
-              className={`
-            text-[16px] font-normal 
-            ${idx === 0 ? "text-[#F17732]" : "text-[#525252]"}
-          `}
-            >
+            <h3 className="text-[16px] font-normal text-[#525252]">
               {item.name}
             </h3>
           </TextLoading>

components/clinic/components/about/Specialties.js

@@ -9,23 +9,23 @@ function Specialties({ data }) {
         gap-x-[40px] sm:gap-x-[48px] md:gap-x-[56px] lg:gap-x-[64px] 
         gap-y-[24px] sm:gap-y-[30px] md:gap-y-[35px] lg:gap-y-[40px]"
     >
-      {data && data.specialties && data?.specialties?.map((item, idx) => (
-        <li key={item.id} className="flex items-start justify-start gap-2">
-          <div className="min-w-[24px] min-h-[24px]">
-            <TickCircleOrange />
-          </div>
-          <TextLoading width={80} height={18}>
-            <h3
-              className={`
-                        text-[16px] font-normal
-                        ${idx === 0 ? "text-[#F17732]" : "text-[#525252]"}
-                    `}
-            >
-              {item.name}
-            </h3>
-          </TextLoading>
-        </li>
-      ))}
+      {data &&
+        data.specialties &&
+        data?.specialties?.map((item) => (
+          <li
+            key={item.id}
+            className="flex cursor-pointer items-center justify-start gap-2 hover-item-clinic"
+          >
+            <div className="min-w-[24px] min-h-[24px]">
+              <TickCircleOrange />
+            </div>
+            <TextLoading width={80} height={18}>
+              <h3 className="text-[16px] font-normal text-[#525252]">
+                {item.name}
+              </h3>
+            </TextLoading>
+          </li>
+        ))}
     </ul>
   );
 }

components/clinic/components/about/TextDetail.js

@@ -11,13 +11,13 @@ function TextDetail({ data }) {
         <p
           className={`
                 text-[#525252] text-[16px] font-normal leading-[32px] overflow-hidden relative
-                after:absolute after:right-0 after:bottom-0 after:h-[80px]
+                after:right-0 after:bottom-0 after:h-[80px]
                 after:shadow-xl after:w-full transition-all duration-500 w-full
                 ${
                   data?.caption?.length > 180 && isMore
-                    ? "after:bg-transparent max-h-screen"
+                    ? "after:bg-transparent max-h-screen after:absolute"
                     : data?.caption?.length > 180 &&
-                      "after:bg-[linear-gradient(transparent,#FAFAFA)] max-h-[200px]"
+                      "after:bg-[linear-gradient(transparent,#FAFAFA)] max-h-[200px] after:absolute"
                 }
             `}
           dangerouslySetInnerHTML={{ __html: data?.caption }}

components/clinic/components/about/index.js

@@ -6,7 +6,6 @@ import ContentDetail from "./ContentDetail";
 import TextDetail from "./TextDetail";
 
 function About({ data }) {
-  console.log(data);
   return (
     <div className="opacity-page transition-all duration-500">
       <Images data={data} />