SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

при возвращении на Images не пропадает крестик
Some checks failed
Deploy / CreateImage (push) Successful in 4m49s
Details
Deploy / DeployService (push) Failing after 24s
Details

Browse Source
This commit is contained in:
Nastya 2025-06-22 21:30:14 +03:00
parent 55379afd61
commit a84e9b219e
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/components/ViewPublicationPage/questions/Images/OwnImage.tsx
View File

@ -25,7 +25,6 @@ export const OwnImage = ({ imageUrl, questionId, variantId, onValidationError }:
const { ownVariants, updateOwnVariant } = useQuizViewStore((state) => state); const { ownVariants, updateOwnVariant } = useQuizViewStore((state) => state);
const { enqueueSnackbar } = useSnackbar(); const { enqueueSnackbar } = useSnackbar();
const [selectedFile, setSelectedFile] = useState<File | null>(null);
const [isUploading, setIsUploading] = useState(false); const [isUploading, setIsUploading] = useState(false);
const fileInputRef = useRef<HTMLInputElement>(null); const fileInputRef = useRef<HTMLInputElement>(null);
@ -57,7 +56,6 @@ export const OwnImage = ({ imageUrl, questionId, variantId, onValidationError }:
const fileId = data?.data.fileIDMap[questionId]; const fileId = data?.data.fileIDMap[questionId];
const localImageUrl = URL.createObjectURL(file); const localImageUrl = URL.createObjectURL(file);
updateOwnVariant(variantId, "", "", fileId, localImageUrl); updateOwnVariant(variantId, "", "", fileId, localImageUrl);
setSelectedFile(file);
} catch (error) { } catch (error) {
console.error("Error uploading image:", error); console.error("Error uploading image:", error);
enqueueSnackbar(t("The answer was not counted")); enqueueSnackbar(t("The answer was not counted"));
@ -84,7 +82,6 @@ export const OwnImage = ({ imageUrl, questionId, variantId, onValidationError }:
// Удаление изображения // Удаление изображения
const handleRemoveImage = (e: React.MouseEvent) => { const handleRemoveImage = (e: React.MouseEvent) => {
e.stopPropagation(); e.stopPropagation();
setSelectedFile(null);
updateOwnVariant(variantId, ownVariantData?.variant.answer || "", "", "", ""); updateOwnVariant(variantId, ownVariantData?.variant.answer || "", "", "", "");
/* /*
1 - answer - письменный ответ 1 - answer - письменный ответ
@ -96,9 +93,7 @@ export const OwnImage = ({ imageUrl, questionId, variantId, onValidationError }:
// Определяем, что показывать // Определяем, что показывать
let imageToDisplay: string | null = null; let imageToDisplay: string | null = null;
if (selectedFile) { if (ownVariantData?.variant.localImageUrl) {
imageToDisplay = URL.createObjectURL(selectedFile);
} else if (ownVariantData?.variant.localImageUrl) {
imageToDisplay = ownVariantData.variant.localImageUrl; imageToDisplay = ownVariantData.variant.localImageUrl;
} else if (imageUrl) { } else if (imageUrl) {
imageToDisplay = imageUrl; imageToDisplay = imageUrl;
@ -158,7 +153,7 @@ export const OwnImage = ({ imageUrl, questionId, variantId, onValidationError }:
color: "white", color: "white",
height: "25px", height: "25px",
width: "25px", width: "25px",
display: selectedFile ? "inherit" : "none", display: ownVariantData?.variant.localImageUrl ? "inherit" : "none",
"&:hover": { "&:hover": {
backgroundColor: "rgba(0, 0, 0, 0.7)", backgroundColor: "rgba(0, 0, 0, 0.7)",
}, },