diff --git a/frontend/app/components/UsabilityTesting/SidePanel.tsx b/frontend/app/components/UsabilityTesting/SidePanel.tsx index b2f52fb0b..5b3715fda 100644 --- a/frontend/app/components/UsabilityTesting/SidePanel.tsx +++ b/frontend/app/components/UsabilityTesting/SidePanel.tsx @@ -1,8 +1,8 @@ -import { useStore } from "App/mstore"; -import React from 'react' -import { observer } from 'mobx-react-lite' -import { Typography, Switch, Button, Space } from "antd"; -import { ExportOutlined } from "@ant-design/icons"; +import { useStore } from 'App/mstore'; +import React from 'react'; +import { observer } from 'mobx-react-lite'; +import { Typography, Switch, Button, Space, Tooltip } from 'antd'; +import { ExportOutlined } from '@ant-design/icons'; const SidePanel = observer(({ onSave, onPreview, taskLen }: any) => { const { uxtestingStore } = useStore(); @@ -32,16 +32,20 @@ const SidePanel = observer(({ onSave, onPreview, taskLen }: any) => { - - + + + + + + ); }); -export default SidePanel \ No newline at end of file +export default SidePanel; diff --git a/frontend/app/components/UsabilityTesting/StepsModal.tsx b/frontend/app/components/UsabilityTesting/StepsModal.tsx index 99bdcd970..8f20b772c 100644 --- a/frontend/app/components/UsabilityTesting/StepsModal.tsx +++ b/frontend/app/components/UsabilityTesting/StepsModal.tsx @@ -20,7 +20,7 @@ function StepsModal({ onAdd, onHide }: { onAdd: (step: UxTask) => void; onHide: Add a task or question -
+
Title/Question @@ -28,14 +28,17 @@ function StepsModal({ onAdd, onHide }: { onAdd: (step: UxTask) => void; onHide: value={title} onChange={(e) => setTitle(e.target.value)} placeholder={'Task title'} + className={'mb-4'} /> Instructions setDescription(e.target.value)} placeholder={'Task instructions'} + className={'mb-4'} /> Allow participants to type an answer @@ -46,12 +49,12 @@ function StepsModal({ onAdd, onHide }: { onAdd: (step: UxTask) => void; onHide: checkedChildren="Yes" unCheckedChildren="No" /> -
+
Enabling this option will show a text field for participants to type their answer.
- diff --git a/frontend/app/components/UsabilityTesting/TestEdit.tsx b/frontend/app/components/UsabilityTesting/TestEdit.tsx index 80ba4fe1d..5929be980 100644 --- a/frontend/app/components/UsabilityTesting/TestEdit.tsx +++ b/frontend/app/components/UsabilityTesting/TestEdit.tsx @@ -182,7 +182,7 @@ function TestEdit() { setGuidelines(e.target.value)} /> @@ -223,7 +223,7 @@ function TestEdit() {
- Task List + Tasks {uxtestingStore.instance!.tasks.map((task, index) => ( , - { right: true } + { right: true, width: 600 } ) } > @@ -277,7 +277,7 @@ function TestEdit() {
{isConclusionEditing ? ( setConclusion(e.target.value)} /> diff --git a/frontend/app/mstore/uxtestingStore.ts b/frontend/app/mstore/uxtestingStore.ts index b02c72a6a..6886c535c 100644 --- a/frontend/app/mstore/uxtestingStore.ts +++ b/frontend/app/mstore/uxtestingStore.ts @@ -46,6 +46,7 @@ Test Guidelines: 5. Technical Issues: If you encounter any issues, please describe what you were attempting to do when the issue occurred. ` +const defaultConclusion = 'Thank you for participating in our usability test. Your feedback is invaluable to us and will contribute significantly to improving our product.' export default class UxtestingStore { client = uxtestingService; @@ -146,7 +147,7 @@ export default class UxtestingStore { requireCamera: false, description: description, guidelines: defaultGuidelines, - conclusionMessage: '', + conclusionMessage: defaultConclusion, visibility: true, tasks: [], };