change component folders && add multipleselector && send img of doctor page && send skills to create doctor item

2025-07-17 15:50:23 +03:30
parent c88a371eda
commit 278602372d
22 changed files with 144 additions and 34 deletions
@@ -0,0 +1,42 @@
+import EditGrayA from "@/components/icons/EditGrayA";
+import EditOrangeA from "@/components/icons/EditOrangeA";
+import { Button, TextField } from "@mui/material";
+
+function FieldIcon({ changeData, icon, placeholder, name }) {
+  return (
+    <div className="relative w-full">
+      <TextField
+        placeholder={placeholder || ""}
+        type="text"
+        className="!w-full"
+        onChange={(e) => {
+          changeData(e.target.value, name);
+        }}
+        sx={{
+          "& .MuiFormLabel-root": {
+            top: "-4px !important",
+          },
+          "& .MuiInputBase-input": { padding: "12.5px 14px" },
+          "& .MuiOutlinedInput-notchedOutline": {
+            border: "1px solid #D7D7D7 !important",
+          },
+          "& .MuiInputBase-root": {
+            padding: "0 !important",
+            borderRadius: "8px !important",
+          },
+          ".Mui-focused": {
+            "& .MuiOutlinedInput-notchedOutline": {
+              border: "1px solid #5559CE !important",
+              transition: "0.5s all",
+            },
+          },
+        }}
+      />
+      <Button className="!absolute !top-1/2 !left-[8px] !-translate-y-1/2 !min-w-fit !p-1">
+        {icon}
+      </Button>
+    </div>
+  );
+}
+
+export default FieldIcon;