feat: fix sight edit

src/widgets/ImageUploadCard/index.tsx

@@ -1,8 +1,8 @@
 import React, { useRef, useState, DragEvent, useEffect } from "react";
 import { Paper, Box, Typography, Button, Tooltip } from "@mui/material";
-import { X, Info, MousePointer } from "lucide-react"; // Assuming lucide-react for icons
+import { X, Info, Plus } from "lucide-react"; // Assuming lucide-react for icons
 import { editSightStore } from "@shared";
-
+import { toast } from "react-toastify";
 interface ImageUploadCardProps {
   title: string;
   imageKey?: "thumbnail" | "watermark_lu" | "watermark_rd";
@@ -12,16 +12,18 @@ interface ImageUploadCardProps {
   onSelectFileClick: () => void;
   setUploadMediaOpen: (open: boolean) => void;
   tooltipText?: string;
+  setHardcodeType?: (type: string) => void;
 }
 
 export const ImageUploadCard: React.FC<ImageUploadCardProps> = ({
   title,
-
+  imageKey,
   imageUrl,
   onImageClick,
   onDeleteImageClick,
   onSelectFileClick,
   setUploadMediaOpen,
+  setHardcodeType,
   tooltipText,
 }) => {
   const fileInputRef = useRef<HTMLInputElement>(null);
@@ -46,6 +48,9 @@ export const ImageUploadCard: React.FC<ImageUploadCardProps> = ({
     if (file) {
       setFileToUpload(file);
       setUploadMediaOpen(true);
+      if (imageKey && setHardcodeType) {
+        setHardcodeType(imageKey);
+      }
     }
     // Reset the input value so selecting the same file again triggers change
     event.target.value = "";
@@ -73,8 +78,12 @@ export const ImageUploadCard: React.FC<ImageUploadCardProps> = ({
     const files = event.dataTransfer.files;
     if (files && files.length > 0) {
       const file = files[0];
-      setFileToUpload(file);
-      setUploadMediaOpen(true);
+      if (file.type.startsWith("image/")) {
+        setFileToUpload(file);
+        setUploadMediaOpen(true);
+      } else {
+        toast.error("Пожалуйста, выберите изображение");
+      }
     }
   };
 
@@ -159,7 +168,7 @@ export const ImageUploadCard: React.FC<ImageUploadCardProps> = ({
             <Button
               variant="contained"
               color="primary"
-              startIcon={<MousePointer color="white" size={18} />}
+              startIcon={<Plus color="white" size={18} />}
               onClick={(e) => {
                 e.stopPropagation(); // Prevent `handleZoneClick` from firing
                 onSelectFileClick(); // This button might trigger a different modal