SQuiz/frontAnswerer
3
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

от до для рейнж

Browse Source
This commit is contained in:
Nastya 2024-10-26 19:11:22 +03:00
parent c7ac1dbc93
commit 8949585201
2 changed files with 49 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
lib/components/ViewPublicationPage/questions/Date/DateRange.tsx
View File

@ -5,7 +5,7 @@ import { DateCalendar } from "@mui/x-date-pickers";
import { quizThemes } from "@utils/themes/Publication/themePublication"; import { quizThemes } from "@utils/themes/Publication/themePublication";
import type { Moment } from "moment"; import type { Moment } from "moment";
import moment from "moment"; import moment from "moment";
import { Paper, useTheme } from "@mui/material"; import { Box, Paper, TextField, useTheme } from "@mui/material";
import { useRootContainerSize } from "@/contexts/RootContainerWidthContext"; import { useRootContainerSize } from "@/contexts/RootContainerWidthContext";
type DateProps = { type DateProps = {
@ -46,48 +46,55 @@ export default ({ currentQuestion }: DateProps) => {
display: "inline-flex", display: "inline-flex",
flexWrap: "wrap", flexWrap: "wrap",
marginTop: "20px", marginTop: "20px",
p: "20px",
}} }}
> >
<DateCalendar <Box>
sx={{ <span style={{ marginLeft: "25px", color: theme.palette.text.primary }}>От</span>
"& .MuiInputBase-root": { <DateCalendar
backgroundColor: settings.cfg.design sx={{
? quizThemes[settings.cfg.theme].isLight "& .MuiInputBase-root": {
? "#F2F3F7" backgroundColor: settings.cfg.design
: "rgba(154,154,175, 0.2)" ? quizThemes[settings.cfg.theme].isLight
: quizThemes[settings.cfg.theme].isLight ? "#F2F3F7"
? "white" : "rgba(154,154,175, 0.2)"
: theme.palette.background.default, : quizThemes[settings.cfg.theme].isLight
borderRadius: "10px", ? "white"
maxWidth: "250px", : theme.palette.background.default,
pr: "30px", borderRadius: "10px",
"& input": { py: "11px", pl: "20px", lineHeight: "19px" }, maxWidth: "250px",
"& fieldset": { borderColor: "#9A9AAF" }, pr: "30px",
}, "& input": { py: "11px", pl: "20px", lineHeight: "19px" },
}} "& fieldset": { borderColor: "#9A9AAF" },
value={currentFrom} },
onChange={(data) => onDateChange(data, 0)} }}
/> value={currentFrom}
<DateCalendar onChange={(data) => onDateChange(data, 0)}
sx={{ />
"& .MuiInputBase-root": { </Box>
backgroundColor: settings.cfg.design <Box>
? quizThemes[settings.cfg.theme].isLight <span style={{ marginLeft: "25px", color: theme.palette.text.primary }}>До</span>
? "#F2F3F7" <DateCalendar
: "rgba(154,154,175, 0.2)" sx={{
: quizThemes[settings.cfg.theme].isLight "& .MuiInputBase-root": {
? "white" backgroundColor: settings.cfg.design
: theme.palette.background.default, ? quizThemes[settings.cfg.theme].isLight
borderRadius: "10px", ? "#F2F3F7"
maxWidth: "250px", : "rgba(154,154,175, 0.2)"
pr: "30px", : quizThemes[settings.cfg.theme].isLight
"& input": { py: "11px", pl: "20px", lineHeight: "19px" }, ? "white"
"& fieldset": { borderColor: "#9A9AAF" }, : theme.palette.background.default,
}, borderRadius: "10px",
}} maxWidth: "250px",
value={currentTo} pr: "30px",
onChange={(data) => onDateChange(data, 1)} "& input": { py: "11px", pl: "20px", lineHeight: "19px" },
/> "& fieldset": { borderColor: "#9A9AAF" },
},
}}
value={currentTo}
onChange={(data) => onDateChange(data, 1)}
/>
</Box>
</Paper> </Paper>
); );
}; };

2
lib/components/ViewPublicationPage/questions/Images/index.tsx
View File

@ -28,7 +28,7 @@ export const Images = ({ currentQuestion }: ImagesProps) => {
{currentQuestion.title} {currentQuestion.title}
</Typography> </Typography>
<RadioGroup <RadioGroup
name={currentQuestion.id} name={currentQuestion.id.toString()}
value={currentQuestion.content.variants.findIndex(({ id }) => answer === id)} value={currentQuestion.content.variants.findIndex(({ id }) => answer === id)}
sx={{ sx={{
display: "flex", display: "flex",