responsive pagination && handle free_turn value && fix set value in small size appo list in page doctors && set data rate in doctor item && fix set token in cookie in page login on domain nobat724.com

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

@@ -7,6 +7,7 @@ import TextLoading from "@/app/component/loading/Text";
 import CustomLoading from "@/app/component/loading/Custom";
 
 function Chart({ comments, doctor }) {
+  const averages = doctor?.average_rate?.averages;
   return (
     <div
       className="
@@ -53,12 +54,11 @@ 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">
-          {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>
-            ))}
+          {Object.values(averages ? averages : Array(5).fill(false)).map(
+            (item, idx) => (
+              <ProgressDetail data={item} idx={idx} key={idx} />
+            )
+          )}
         </ul>
         <ProgressAll doctor={doctor} />
       </div>