SQuiz/frontPanel
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

fix возможность добавить видео к вопросам

Browse Source
This commit is contained in:
Nastya 2025-03-31 16:20:50 +03:00
parent 32e153518c
commit 99e394390c
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui_kit/MediaSelectionAndDisplay.tsx
View File

@ -19,9 +19,9 @@ import UploadBox from "@ui_kit/UploadBox";
import UploadIcon from "@icons/UploadIcon"; import UploadIcon from "@icons/UploadIcon";
import InfoIcon from "@icons/InfoIcon"; import InfoIcon from "@icons/InfoIcon";
import imge from "@/assets/card-1.png"
import { CropModalInit } from "./Modal/CropModal"; import { CropModalInit } from "./Modal/CropModal";
import { AnyTypedQuizQuestion } from "@frontend/squzanswerer"; import { AnyTypedQuizQuestion } from "@frontend/squzanswerer";
import UploadVideoModal from "@/pages/Questions/UploadVideoModal";
interface Iprops { interface Iprops {
question: AnyTypedQuizQuestion; question: AnyTypedQuizQuestion;
@ -35,11 +35,12 @@ export const MediaSelectionAndDisplay: FC<Iprops> = ({
question, question,
cropAspectRatio, cropAspectRatio,
}) => { }) => {
const theme = useTheme();
const [isVideoUploadDialogOpen, setIsVideoUploadDialogOpen] = useState<boolean>(false);
const [pictureUploding, setPictureUploading] = useState<boolean>(false); const [pictureUploding, setPictureUploading] = useState<boolean>(false);
const [backgroundUploding, setBackgroundUploading] = useState<boolean>(false); const [backgroundUploding, setBackgroundUploading] = useState<boolean>(false);
const [openCropModal, setOpenCropModal] = useState(false); const [openCropModal, setOpenCropModal] = useState(false);
const quizQid = useCurrentQuiz()?.qid; const quizQid = useCurrentQuiz()?.qid;
const theme = useTheme();
const [isImageUploadOpen, openImageUploadModal, closeImageUploadModal] = const [isImageUploadOpen, openImageUploadModal, closeImageUploadModal] =
useDisclosure(); useDisclosure();
async function handleImageUpload(file: File) { async function handleImageUpload(file: File) {
@ -151,6 +152,13 @@ export const MediaSelectionAndDisplay: FC<Iprops> = ({
onClose={closeImageUploadModal} onClose={closeImageUploadModal}
handleImageChange={handleImageUpload} handleImageChange={handleImageUpload}
/> />
<UploadVideoModal
open={isVideoUploadDialogOpen}
onClose={() => setIsVideoUploadDialogOpen(false)}
onUpload={handleVideoUpload}
video={question.content.video}
/>
<CropModalInit <CropModalInit
originalImageUrl={question.content.originalBack} originalImageUrl={question.content.originalBack}
editedUrlImagesList={question.content?.editedUrlImagesList} editedUrlImagesList={question.content?.editedUrlImagesList}