diff --git a/src/assets/icons/Unsplash.svg b/src/assets/icons/Unsplash.svg
new file mode 100644
index 00000000..d7f14de2
--- /dev/null
+++ b/src/assets/icons/Unsplash.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/pages/Questions/UploadImage.tsx b/src/pages/Questions/UploadImage.tsx
index a9fbc38a..de7d7b5b 100644
--- a/src/pages/Questions/UploadImage.tsx
+++ b/src/pages/Questions/UploadImage.tsx
@@ -1,8 +1,19 @@
-import { Typography, Box, useTheme, ButtonBase, Modal } from "@mui/material";
+import {
+ Typography,
+ Box,
+ useTheme,
+ ButtonBase,
+ Modal,
+ TextField,
+ InputAdornment,
+} from "@mui/material";
import UploadBox from "@ui_kit/UploadBox";
import UploadIcon from "../../assets/icons/UploadIcon";
+import SearchIcon from "../../assets/icons/SearchIcon";
import * as React from "react";
+import UnsplashIcon from "../../assets/icons/Unsplash.svg";
+
interface ModalkaProps {
imgHC: (imgInp: HTMLInputElement) => void;
}
@@ -40,31 +51,94 @@ const Modalka: React.FC = ({ imgHC }) => {
background: theme.palette.background.default,
}}
>
- Добавьте изображение
+
+ Добавьте изображение
+
- imgHC(event.target)} hidden accept="image/*" multiple type="file" />
+ imgHC(event.target)}
+ hidden
+ accept="image/*"
+ multiple
+ type="file"
+ />
- Загрузите или перетяните сюда файл
- Принимает JPG, PNG, и GIF формат — максимум 5mb
+
+ Загрузите или перетяните сюда файл
+
+
+ Принимает JPG, PNG, и GIF формат — максимум 5mb
+
- Или выберите на фотостоке
+
+
+ Или выберите на фотостоке
+
+ 
+
+ path": { stroke: "#9A9AAF" },
+ }}
+ >
+
+
+ ),
+ }}
+ />
);
@@ -87,14 +161,28 @@ export default function UploadImage() {
return (
-
+
Загрузить изображение
-
+
{img ? (
) : (
- } text="5 MB максимум" />
+ }
+ text="5 MB максимум"
+ />
)}