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

feat(tracker) update assist session with uxt id

Browse source
This commit is contained in:
nick-delirium 2023-12-11 10:03:01 +01:00
parent 106e9d0695
commit 67cc593ea7
1 changed files with 25 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,7 @@ import { numberWithCommas } from 'App/utils';
import { Input } from 'antd';
import ReloadButton from 'Shared/ReloadButton';
import SessionItem from 'Shared/SessionItem';
import { Pagination } from 'UI';
import { Loader, Pagination } from 'UI';
import { observer } from 'mobx-react-lite';
function LiveTestsModal({ testId, closeModal }: { testId: string; closeModal: () => void }) {
@ -38,28 +38,31 @@ function LiveTestsModal({ testId, closeModal }: { testId: string; closeModal: ()
onSearch={() => refreshData(page)}
/>
</div>
{uxtestingStore.testAssistSessions.list.map((s: any) => (
<SessionItem onClick={closeModal} key={s.sessionId} session={s} live />
))}
<div className={'flex items-center justify-between'}>
<div>
Showing{' '}
<span className="font-medium">{(uxtestingStore.testSessions.page - 1) * 10 + 1}</span> to{' '}
<span className="font-medium">
{(uxtestingStore.page - 1) * 10 + uxtestingStore.testSessions.list.length}
</span>{' '}
of{' '}
<span className="font-medium">{numberWithCommas(uxtestingStore.testSessions.total)}</span>{' '}
ongoing tests.
<Loader loading={isLoading}>
{uxtestingStore.testAssistSessions.list.map((s: any) => (
<SessionItem onClick={closeModal} key={s.sessionId} session={s} live />
))}
<div className={'flex items-center justify-between'}>
<div>
Showing <span className="font-medium">{(page - 1) * 10 + 1}</span> to{' '}
<span className="font-medium">
{(page - 1) * 10 + uxtestingStore.testAssistSessions.list.length}
</span>{' '}
of{' '}
<span className="font-medium">
{numberWithCommas(uxtestingStore.testAssistSessions.total)}
</span>{' '}
ongoing tests.
</div>
<Pagination
page={page}
totalPages={Math.ceil(uxtestingStore.testAssistSessions.total / 10)}
onPageChange={refreshData}
limit={10}
debounceRequest={200}
/>
</div>
<Pagination
page={uxtestingStore.testAssistSessions.page}
totalPages={Math.ceil(uxtestingStore.testAssistSessions.total / 10)}
onPageChange={refreshData}
limit={10}
debounceRequest={200}
/>
</div>
</Loader>
</div>
);
}