design page booking & add page loginverify

2024-08-25 17:50:20 +03:30
parent 92e48cadd3
commit 31ed32fc21
22 changed files with 5760 additions and 69 deletions
@@ -0,0 +1,31 @@
+import { Button } from "@mui/material";
+
+function Hours({ doctor, hour, setHour, value, nameHours }) {
+    return (
+        <ul
+            className="grid grid-cols-6 gap-x-[16px] gap-y-[24px] mt-[24px] mb-[40px]"
+        >
+            {doctor[nameHours[value]].map((item, idx) => (
+                <li
+                    key={idx}
+                >
+                    <Button
+                        onClick={() => setHour(idx)}
+                        className={`
+                        !w-full !rounded-[8px] !grid !place-items-center !bg-[#EFEFEF] !py-[10px] !px-[14px]
+                        ${idx === hour ? '!bg-[#F79463] ' : ''}
+                    `}
+                    >
+                        <p className={`
+                        text-[16px] font-semibold
+                        ${item.active ? 'text-[#525252]' : 'text-[#D7D7D7]'}
+                        ${idx === hour ? '!text-[#FAFAFA] ' : ''}
+                    `}>{item.hour}</p>
+                    </Button>
+                </li>
+            ))}
+        </ul>
+    )
+}
+
+export default Hours;