diff --git a/src/assets/styles/components/answerModal.module.scss b/src/assets/styles/components/answerModal.module.scss index 8d4d703..437693c 100644 --- a/src/assets/styles/components/answerModal.module.scss +++ b/src/assets/styles/components/answerModal.module.scss @@ -79,6 +79,17 @@ margin-top: 4px; font-size: 12px; font-family: "Montserrat", sans-serif; + i { + display: none; + margin-left: 5px; + cursor: pointer; + &:hover { + color: rgb(230, 80, 80); + } + } + &:hover i { + display: inline; + } } } &__text { diff --git a/src/components/AnswerModal.jsx b/src/components/AnswerModal.jsx index 94a86b2..f565d6c 100644 --- a/src/components/AnswerModal.jsx +++ b/src/components/AnswerModal.jsx @@ -65,19 +65,24 @@ const AnswerModal = ({ Варианты ответа
{optionAnswer.map((item, i) => - {item.id}) {item.text} + + {item.id}) {item.text} + setOptionAnswer([...optionAnswer].filter(answer => answer.id !== item.id))}> + )}
setCurrentOptionAnswer(event.target.value)}/> + onChange={event => setCurrentOptionAnswer(event.target.value)} + /> + class={"main__white"} + otherStyle={{padding: '1% 2%'}} + /> :
}
Обязательный вопрос