diff --git a/frontend/app/components/UsabilityTesting/TestEdit.tsx b/frontend/app/components/UsabilityTesting/TestEdit.tsx index dbc6d8377..9b3280560 100644 --- a/frontend/app/components/UsabilityTesting/TestEdit.tsx +++ b/frontend/app/components/UsabilityTesting/TestEdit.tsx @@ -54,6 +54,9 @@ function TestEdit() { setGuidelines(inst.guidelines || ''); } }); + } else { + setConclusion(uxtestingStore.instance!.conclusionMessage) + setGuidelines(uxtestingStore.instance!.guidelines) } }, []); if (!uxtestingStore.instance) { diff --git a/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx b/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx index accfdc510..e8bc2fc8b 100644 --- a/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx +++ b/frontend/app/components/UsabilityTesting/UsabilityTesting.tsx @@ -1,5 +1,5 @@ -import { UxTest, UxTListEntry } from "App/services/UxtestingService"; import React from 'react'; +import { UxTListEntry } from "App/services/UxtestingService"; import { observer } from 'mobx-react-lite'; import { useStore } from 'App/mstore'; import { numberWithCommas } from 'App/utils'; @@ -21,6 +21,7 @@ const PER_PAGE = 10; let debouncedSearch: any = () => null const defaultDescription = `To evaluate the usability of [Feature Name], focusing on user interaction, efficiency, and satisfaction. The aim is to identify any usability issues that users may encounter, understand how they navigate [Feature Name], and gauge the intuitiveness of the workflow.` function TestsTable() { + const inputRef = React.useRef(null); const [newTestTitle, setNewTestTitle] = React.useState(''); const [newTestDescription, setNewTestDescription] = React.useState(defaultDescription); const [isModalVisible, setIsModalVisible] = React.useState(false); @@ -57,6 +58,9 @@ function TestsTable() { const openModal = () => { setIsModalVisible(true); + setTimeout(() => { + inputRef.current?.focus(); + }, 10); }; const redirect = (path: string) => { @@ -82,6 +86,8 @@ function TestsTable() { Title