handle save some data and send server correct & change component form & clean code & fix bugs

2025-07-18 13:54:48 +03:30
parent 278602372d
commit 901bca6529
9 changed files with 235 additions and 108 deletions
@@ -16,17 +16,12 @@ function SendAppo({ hour }) {
        doctor_id: doctorId,
        slot: hour,
      })
-      .then((res) => {
+      .then(() => {
        setLoading(false);
      })
-      .catch((err) => {
-        console.log(err);
+      .catch(() => {
+        // 
      });
-    // if (locateVisit) {
-    //   setStep((prev) => prev + 1);
-    // } else {
-    //   setIsError(true);
-    // }
  };

  return (
@@ -0,0 +1,102 @@
+import MenuItem from "@mui/material/MenuItem";
+import ListSubheader from "@mui/material/ListSubheader";
+import Select from "@mui/material/Select";
+import { useState } from "react";
+import { styleTextSelectRight } from "@/mui";
+import IconMultipleSelect from "@/components/icons/IconMultipleSelect";
+
+function groupSpecialtiesByParent(specialties) {
+  const groups = [];
+
+  const parents = specialties.filter((item) => item.parent === null);
+
+  parents.forEach((parent) => {
+    const children = specialties.filter((item) => item.parent === parent.id);
+    if (children.length > 0) {
+      groups.push({
+        parent,
+        children,
+      });
+    }
+  });
+
+  return groups;
+}
+
+export default function GroupedSelect({
+  list,
+  name,
+  updateData,
+  data,
+  nameKey = "name",
+}) {
+  const groupedList = groupSpecialtiesByParent(list);
+
+  const handleChange = (event) => {
+    const value = event.target.value;
+    updateData && updateData(value, "value", name);
+  };
+
+  return (
+    <div className="w-full auto-complete-selector">
+      <Select
+        value={data}
+        onChange={handleChange}
+        IconComponent={IconMultipleSelect}
+        MenuProps={{
+          style: {
+            maxHeight: 300,
+          },
+        }}
+        className="!w-full"
+        sx={{
+          ...styleTextSelectRight,
+          "& .MuiSelect-icon": {
+            left: "16px",
+            right: "auto",
+          },
+          "& .MuiInputBase-input": { padding: "12.5px 14px !important" },
+          "& .MuiInputBase-root": {
+            borderRadius: 2,
+            padding: "0 !important",
+            height: {
+              xs: "43px !important",
+              sm: "43px !important",
+              md: "46px !important",
+              lg: "48px !important",
+            },
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            border: "1px solid #D7D7D7",
+          },
+          "& .MuiInput-underline:hover:not(.Mui-disabled):before, .MuiOutlinedInput-notchedOutline":
+            {
+              borderColor: "#D7D7D7 !important",
+            },
+          "& .muirtl-1kiro5a-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline":
+            {
+              border: "1px solid #5559CE !important",
+            },
+        }}
+      >
+        {groupedList.map((group) => [
+          <ListSubheader
+            key={group.parent.id}
+            sx={{
+              backgroundColor: "#35343D",
+              color: "#fff",
+              fontSize: "14px",
+            }}
+          >
+            {group.parent[nameKey]}
+          </ListSubheader>,
+          ...group.children.map((child) => (
+            <MenuItem key={child.id} value={child.id}>
+              {child[nameKey]}
+            </MenuItem>
+          )),
+        ])}
+      </Select>
+    </div>
+  );
+}