fix: hints

This commit is contained in:
IlyaDoronin 2023-10-30 13:25:33 +03:00
parent d36d3656bc
commit 66e45f340c
4 changed files with 28 additions and 20 deletions

@ -41,11 +41,13 @@ export default function Emoji({ question }: Props) {
label={ label={
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}> <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
<Typography>{`${variant.extendedText} ${variant.answer}`}</Typography> <Typography>{`${variant.extendedText} ${variant.answer}`}</Typography>
{variant.hints && (
<Tooltip title="Подсказка" placement="right"> <Tooltip title="Подсказка" placement="right">
<Box> <Box>
<InfoIcon /> <InfoIcon />
</Box> </Box>
</Tooltip> </Tooltip>
)}
</Box> </Box>
} }
/> />

@ -95,11 +95,13 @@ export default function Images({ question }: Props) {
}} }}
> >
<Typography>{variant.answer}</Typography> <Typography>{variant.answer}</Typography>
<Tooltip title="Подсказка" placement="right"> {variant.hints && (
<Tooltip title={variant.hints} placement="right">
<Box> <Box>
<InfoIcon /> <InfoIcon />
</Box> </Box>
</Tooltip> </Tooltip>
)}
</Box> </Box>
</ButtonBase> </ButtonBase>
))} ))}

@ -51,11 +51,13 @@ export default function Variant({ question }: Props) {
<Typography data-cy="variant-answer"> <Typography data-cy="variant-answer">
{variant.answer} {variant.answer}
</Typography> </Typography>
{variant.hints && (
<Tooltip title={variant.hints} placement="right"> <Tooltip title={variant.hints} placement="right">
<Box> <Box>
<InfoIcon /> <InfoIcon />
</Box> </Box>
</Tooltip> </Tooltip>
)}
</Box> </Box>
} }
/> />

@ -56,11 +56,13 @@ export default function Varimg({ question }: Props) {
label={ label={
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}> <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
<Typography>{variant.answer}</Typography> <Typography>{variant.answer}</Typography>
<Tooltip title="Подсказка" placement="right"> {variant.hints && (
<Tooltip title={variant.hints} placement="right">
<Box> <Box>
<InfoIcon /> <InfoIcon />
</Box> </Box>
</Tooltip> </Tooltip>
)}
</Box> </Box>
} }
/> />