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

fix(ui): uxt fixes

Browse source
This commit is contained in:
nick-delirium 2023-12-01 17:33:44 +01:00
parent 9759ad41a9
commit 05795fc718
4 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/UsabilityTesting/LiveTestsModal.tsx
View file

@ -22,8 +22,8 @@ function LiveTestsModal({ testId }: { testId: string }) {
return (
<div className={'h-screen p-4 bg-white'}>
<div className={'border-b flex items-center justify-between'}>
<div>Live Participants</div>
<div className={'border-b flex items-center justify-between mb-4 py-2'}>
<div className={'w-3/4 font-semibold text-xl'}>Live Participants</div>
<Input.Search
allowClear
placeholder="Search by participant ID or name"

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

@ -105,7 +105,7 @@ function TestOverview() {
the moment.
</Typography.Text>
<Button onClick={() => {
showModal(<LiveTestsModal testId={testId} />, { right: true, width: 600 })
showModal(<LiveTestsModal testId={testId} />, { right: true, width: 900 })
}}>
<Space align={'center'}>
Moderate Real-Time

3
frontend/app/components/shared/SessionItem/SessionItem.tsx
View file

@ -123,7 +123,8 @@ function SessionItem(props: RouteComponentProps & Props) {
!ignoreAssist &&
(isRoute(ASSIST_ROUTE, location.pathname) ||
isRoute(ASSIST_LIVE_SESSION, location.pathname) ||
location.pathname.includes('multiview'));
location.pathname.includes('multiview'))
|| location.pathname.includes('usability-testing');
const isLastPlayed = lastPlayedSessionId === sessionId;
const _metaList = Object.keys(metadata)

8
frontend/app/mstore/uxtestingStore.ts
View file

@ -241,8 +241,12 @@ export default class UxtestingStore {
});
}
setAssistSessions = (sessions: { list: Session[]; total: number; page: number }) => {
this.testAssistSessions = sessions;
setAssistSessions = (data: { sessions: Session[]; total: number; page: number }) => {
this.testAssistSessions = {
list: data.sessions.map((s: any) => new Session({ ...s, metadata: {} })),
total: data.total,
page: data.page,
};
};
getAssistSessions = async (testId: string, page: number, userId?: string) => {