diff --git a/src/Components/Modals/ConfirmModal.js b/src/Components/Modals/ConfirmModal.js index d27061f..aea631a 100644 --- a/src/Components/Modals/ConfirmModal.js +++ b/src/Components/Modals/ConfirmModal.js @@ -23,9 +23,11 @@ const ConfirmModal = ({ cancelButtonText, }) => { const [inputValue, setInputValue] = useState(""); + const [codeError, setCodeError] = useState(""); const title = titleText ? titleText : "Confirmation"; const handleConfirm = (code) => { if (!code) { + setCodeError("Please enter a code"); return; } onConfirm(code); @@ -70,6 +72,13 @@ const ConfirmModal = ({ : "Description of issue" } /> +
+ {codeError ? ( +

{codeError}

+ ) : ( + <> + )} +
) : ( <> diff --git a/src/styles/modals.scss b/src/styles/modals.scss index 030ca61..66121e3 100644 --- a/src/styles/modals.scss +++ b/src/styles/modals.scss @@ -34,7 +34,14 @@ color: red; } } - +.confirm-error-box { + margin-top: -6px; +} +.confirm-error-text { + font-size: 14px; + color: red; + margin-left: 12px; +} .upload-header-bold { font-weight: 500; }