diff --git a/frontend/app/modals/userinputmodal.less b/frontend/app/modals/userinputmodal.less index 18b17ac8..8cdb338c 100644 --- a/frontend/app/modals/userinputmodal.less +++ b/frontend/app/modals/userinputmodal.less @@ -1,6 +1,12 @@ // Copyright 2024, Command Line Inc. // SPDX-License-Identifier: Apache-2.0 +.userinput-header { + font-weight: bold; + color: var(--main-text-color); + padding-bottom: 10px; +} + .userinput-body { display: flex; flex-direction: column; diff --git a/frontend/app/modals/userinputmodal.tsx b/frontend/app/modals/userinputmodal.tsx index c01b4e9b..d3f40af2 100644 --- a/frontend/app/modals/userinputmodal.tsx +++ b/frontend/app/modals/userinputmodal.tsx @@ -14,7 +14,6 @@ const UserInputModal = (userInputRequest: UserInputRequest) => { const [responseText, setResponseText] = useState(""); const [countdown, setCountdown] = useState(Math.floor(userInputRequest.timeoutms / 1000)); const checkboxStatus = useRef(false); - const queryTextAtom = useState; const handleSendCancel = useCallback(() => { UserInputService.SendUserInputResponse({ @@ -96,7 +95,7 @@ const UserInputModal = (userInputRequest: UserInputRequest) => { useEffect(() => { let timeout: ReturnType; - if (countdown == 0) { + if (countdown <= 0) { timeout = setTimeout(() => { handleSendCancel(); }, 300); @@ -109,9 +108,9 @@ const UserInputModal = (userInputRequest: UserInputRequest) => { }, [countdown]); return ( - handleSubmit()} onCancel={() => handleSendCancel()}> + handleSubmit()} onCancel={() => handleSendCancel()} onClose={() => handleSendCancel()}> +
{userInputRequest.title + ` (${countdown}s)`}
- {userInputRequest.title + ` (${countdown}s)`} {queryText} {inputBox}