design page specialdays & workingdays & turns & add modal working day

2024-09-11 22:15:28 +03:30
parent d75e3c82b7
commit 55e32c63ae
23 changed files with 562 additions and 6 deletions
@@ -0,0 +1,37 @@
+import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"
+import ContentText from "@/components/panel/ContentText"
+import { numberOfTurns, timeOfEachTurn } from "./listSelector"
+import { useState } from "react";
+
+function Form() {
+
+    const [selected, setSelected] = useState({
+        numberOfTurns: '',
+        timeOfEachTurn: '',
+    });
+
+    const updateSelect = (event, name) => setSelected({ ...selected, [name]: event.target.innerText })
+
+    return (
+        <div className="mt-[40px] grid grid-cols-2 gap-x-[48px] gap-y-[24px]">
+            <ContentText text='تعداد نوبت در هر روز'>
+                <AutoCompleteSelect
+                    updateData={updateSelect}
+                    label='انتخاب کنید...'
+                    name='numberOfTurns'
+                    list={numberOfTurns}
+                />
+            </ContentText>
+            <ContentText text='زمان هر نوبت'>
+                <AutoCompleteSelect
+                    updateData={updateSelect}
+                    label='انتخاب کنید...'
+                    name='timeOfEachTurn'
+                    list={timeOfEachTurn}
+                />
+            </ContentText>
+        </div>
+    )
+}
+
+export default Form