page add panel/doctor role agent && save data crop img && upload img && just roles agent can access panel && save data doctor && add field phone number && remove two tab

2025-07-16 08:13:29 +03:30
parent 1b2573e460
commit c88a371eda
37 changed files with 196 additions and 1193 deletions
@@ -1,15 +1,19 @@
 import { Button } from "@mui/material";
 import { useState } from "react";
 import Cropper from "react-easy-crop";
-import { cropImage } from "./cropImg";
+import { cropImage, dataURLtoFile } from "./cropImg";

 function Crop({ data, uploadImg, handleClose }) {
  const [crop, setCrop] = useState({ x: 0, y: 0 });
  const [zoom, setZoom] = useState(1);
  const [croppedAreaPixels, setCroppedAreaPixels] = useState(null);

-  const onComplete = (imagePromisse) =>
-    imagePromisse.then((image) => uploadImg(image));
+  const onComplete = async (imagePromise) => {
+    const dataUrl = await imagePromise;
+    const file = dataURLtoFile(dataUrl, "cropped-image.jpg");
+
+    uploadImg({ blob: dataUrl, file });
+  };

  return (
    <div className="mt-[16px]">