import { Box } from "@mui/material" import { useEffect, useRef, useState } from "react"; import { updateDragQuestionId, updateQuestion } from "@root/questions/actions" import { updateRootInfo } from "@root/quizes/actions" import { useQuestionsStore } from "@root/questions/store" import { useCurrentQuiz } from "@root/quizes/hooks"; import { enqueueSnackbar } from "notistack"; interface Props { setOpenedModalQuestionsId:(str: string|null) => void } export const FirstNodeField = ({setOpenedModalQuestionsId}:Props) => { const { dragQuestionId } = useQuestionsStore() const Container = useRef(null); const quiz = useCurrentQuiz(); console.log(dragQuestionId) const newRootNode = () => { if (quiz) { console.log(dragQuestionId) if (dragQuestionId) { updateRootInfo(quiz?.id, true) updateQuestion(dragQuestionId, (question) => question.content.rule.parentId = "root") } } else { enqueueSnackbar("Нет информации о взятом опроснике") } } useEffect(() => { Container.current?.addEventListener("mouseup", newRootNode) return () => { Container.current?.removeEventListener("mouseup", newRootNode) } }, []) return ( + ) }