jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): uxt ui changes

Browse source
This commit is contained in:
Shekar Siri 2023-12-12 11:18:18 +01:00
parent d2790e5a03
commit b077d29557
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/app/components/UsabilityTesting/TestOverview.tsx
View file

@ -31,21 +31,33 @@ import ResponsesOverview from './ResponsesOverview';
import ParticipantOverviewItem from 'Components/UsabilityTesting/ParticipantOverview';
import { toast } from 'react-toastify';
const StatusItem = ({ iconName, color, text, size = "16" }: {
iconName: string;
color: string;
size: string;
text: string;
}) => (
<div className='flex items-center'>
<Icon name={iconName} color={color} size={size} />
<Typography.Text className='ml-2'>
{text}
</Typography.Text>
</div>
);
const statusItems = [
{
value: 'in-progress',
label: <div className='flex items-center'><Icon name='record-circle-fill' color='green' size='16' /> <span
className='ml-2'>On Going</span></div>
label: <StatusItem iconName='record-circle-fill' color='green' text='On Going' />
},
{
value: 'paused',
label: <div className='flex items-center'><Icon name='pause-circle-fill' color='orange-dark' size='16' /> <span
className='ml-2'>Hold</span></div>
label: <StatusItem iconName='pause-circle-fill' color='orange-dark' text='Hold' />
},
{
value: 'closed',
label: <div className='flex items-center'><Icon name='check-circle-fill' color='gray-medium' size='16' /> <span
className='ml-2'>Close</span></div>
label: <StatusItem iconName='check-circle-fill' color='gray-medium' text='Close' />
}
];