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

fix: drag&drop

Browse Source
This commit is contained in:
IlyaDoronin 2024-03-15 17:24:13 +03:00
parent 75a3042e3b
commit 26e41b6e2a
2 changed files with 59 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
src/pages/InstallQuiz/InstallQuiz.tsx
View File

@ -1,22 +1,23 @@
import React, { useState } from "react";
import {
Box,
Button,
ButtonBase,
FormControl,
IconButton,
InputAdornment,
Link,
MenuItem,
Modal,
OutlinedInput,
Paper,
Select,
SelectChangeEvent,
TextField,
Typography,
Tooltip,
useTheme, useMediaQuery,
Box,
Button,
ButtonBase,
FormControl,
IconButton,
InputAdornment,
Link,
MenuItem,
Modal,
OutlinedInput,
Paper,
Select,
SelectChangeEvent,
TextField,
Typography,
Tooltip,
useTheme,
useMediaQuery,
} from "@mui/material";
import LinkIcon from "../../assets/icons/LinkIcon";
import InfoIcon from "../../assets/icons/InfoIcon";
@ -41,7 +42,11 @@ import InBodyInstall from "./InBodyInstall";
import AutoOpenInstall from "./AutoOpenInstall";
import VidjetInstall from "./VidjetInstall";
import InstallQzCode from "./InstallQzCode";
import {decrementCurrentStep, incrementCurrentStep, updateQuiz} from "@root/quizes/actions";
import {
decrementCurrentStep,
incrementCurrentStep,
updateQuiz,
} from "@root/quizes/actions";
import { useCurrentQuiz } from "@root/quizes/hooks";
import { useDomainDefine } from "@utils/hooks/useDomainDefine";
import NumberTwo from "@icons/NumberTwo";
@ -56,7 +61,6 @@ export default function InstallQuiz() {
setDisplay(event.target.value);
};
const [openVk, setOpenVk] = React.useState(false);
const [stepState, setStepState] = React.useState("step1");
const handleOpenVk = () => setOpenVk(true);
@ -101,16 +105,22 @@ export default function InstallQuiz() {
"0px 100px 309px rgba(210, 208, 225, 0.24), 0px 41.7776px 129.093px rgba(210, 208, 225, 0.172525), 0px 22.3363px 69.0192px rgba(210, 208, 225, 0.143066), 0px 12.5216px 38.6916px rgba(210, 208, 225, 0.12), 0px 6.6501px 20.5488px rgba(210, 208, 225, 0.0969343), 0px 2.76726px 8.55082px rgba(210, 208, 225, 0.0674749)",
}}
>
<Box sx={{ display: "flex", alignItems: isMobile ? "flex-start" : "center", gap: "10px", flexDirection: isMobile ? "column" : "row" }}>
<Box sx={{display: "flex", alignItems: "center", gap: "10px"}}>
<LinkIcon
color={theme.palette.brightPurple.main}
bgcolor={"#EEE4FC"}
/>
<Typography>Ссылка на quiz</Typography>
<Box
sx={{
display: "flex",
alignItems: isMobile ? "flex-start" : "center",
gap: "10px",
flexDirection: isMobile ? "column" : "row",
}}
>
<Box sx={{ display: "flex", alignItems: "center", gap: "10px" }}>
<LinkIcon
color={theme.palette.brightPurple.main}
bgcolor={"#EEE4FC"}
/>
<Typography>Ссылка на quiz</Typography>
</Box>
{/*<Tooltip*/}
{/* title="Скопируйте или укажите свою ссылку на quiz. Ссылка должна быть от 4 до 20 символов включительно, может содержать латинские буквы, цифры, тире '-' и нижнее подчеркивание '_'."*/}
{/* placement="top"*/}
@ -282,7 +292,14 @@ export default function InstallQuiz() {
"0px 100px 309px rgba(210, 208, 225, 0.24), 0px 41.7776px 129.093px rgba(210, 208, 225, 0.172525), 0px 22.3363px 69.0192px rgba(210, 208, 225, 0.143066), 0px 12.5216px 38.6916px rgba(210, 208, 225, 0.12), 0px 6.6501px 20.5488px rgba(210, 208, 225, 0.0969343), 0px 2.76726px 8.55082px rgba(210, 208, 225, 0.0674749)",
}}
>
<Box sx={{ display: "flex", alignItems: isMobile ? "flex-start" : "center", gap: "30px", flexDirection: isMobile ? "column" : "row" }}>
<Box
sx={{
display: "flex",
alignItems: isMobile ? "flex-start" : "center",
gap: "30px",
flexDirection: isMobile ? "column" : "row",
}}
>
<Typography variant="h5" sx={{ paddingRight: "30px" }}>
Установка квизов на сайте
</Typography>
@ -453,7 +470,7 @@ export default function InstallQuiz() {
gap: "8px",
justifyContent: "end",
mt: "30px",
mr: "60px"
mr: "60px",
}}
>
<Button

24
src/pages/Questions/DraggableList/QuestionPageCardTitle.tsx
View File

@ -324,17 +324,19 @@ const QuestionPageCardTitle = memo<Props>(function ({
{page + 1}
</Box>
)}
<IconButton
disableRipple
sx={{
padding: isMobile ? "0" : "0 5px",
right: isMobile ? "0" : null,
bottom: isMobile ? "0" : null,
}}
{...draggableProps}
>
<PointsIcon style={{ color: "#4D4D4D", fontSize: "30px" }} />
</IconButton>
{!isExpanded && (
<IconButton
disableRipple
sx={{
padding: isMobile ? "0" : "0 5px",
right: isMobile ? "0" : null,
bottom: isMobile ? "0" : null,
}}
{...draggableProps}
>
<PointsIcon style={{ color: "#4D4D4D", fontSize: "30px" }} />
</IconButton>
)}
</Box>
</Box>
);