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

fix: drag&drop bug

Browse Source
This commit is contained in:
IlyaDoronin 2024-01-12 12:35:50 +03:00
parent fbde202ce5
commit e76c90cb78
4 changed files with 43 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Questions/ButtonsOptions.tsx
View File

@ -295,6 +295,7 @@ export default function ButtonsOptions({
>
<CopyIcon color={"#4D4D4D"} />
</IconButton>
{(quiz?.config.type !== "form" || question.id !== questions[0].id) && (
<IconButton
sx={{ borderRadius: "6px", padding: "2px" }}
onClick={() => {
@ -311,11 +312,9 @@ export default function ButtonsOptions({
}}
data-cy="delete-question"
>
{(quiz?.config.type !== "form" ||
question.id !== questions[0].id) && (
<DeleteIcon color={"#4D4D4D"} />
)}
</IconButton>
)}
<Modal open={openDelete} onClose={() => setOpenDelete(false)}>
<Box
sx={{

2
src/pages/Questions/ButtonsOptionsAndPict.tsx
View File

@ -323,6 +323,7 @@ export default function ButtonsOptionsAndPict({
>
<CopyIcon style={{ color: "#4D4D4D" }} />
</IconButton>
{(quiz?.config.type !== "form" || question.id !== questions[0].id) && (
<IconButton
sx={{ borderRadius: "6px", padding: "2px" }}
onClick={() => {
@ -341,6 +342,7 @@ export default function ButtonsOptionsAndPict({
>
<DeleteIcon style={{ color: "#4D4D4D" }} />
</IconButton>
)}
<Modal open={openDelete} onClose={() => setOpenDelete(false)}>
<Box
sx={{

2
src/pages/Questions/Form/FormDraggableList/FormDraggableListItem.tsx
View File

@ -87,7 +87,7 @@ export const FormItem = ({
export const FormDraggableListItem = memo(
({ question, questionIndex }: FormDraggableListItemProps) => (
<Draggable draggableId={String(questionIndex)} index={questionIndex}>
<Draggable draggableId={String(question.id)} index={questionIndex}>
{(provided) => (
<ListItem
ref={provided.innerRef}

4
src/pages/Questions/Form/FormDraggableList/index.tsx
View File

@ -8,7 +8,9 @@ import { useQuestions } from "@root/questions/hooks";
export const FormDraggableList = () => {
const questions = useQuestions().questions.filter((q) => q.type !== "result");
const onDragEnd = ({ destination, source }: DropResult) => {
if (destination) reorderQuestions(source.index, destination.index);
if (destination) {
reorderQuestions(source.index, destination.index);
}
};
return (