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

fix(ui) - hide modal on click

Browse source
This commit is contained in:
Shekar Siri 2022-08-19 12:40:03 +02:00
parent 65f4c6d91c
commit 77ae818577
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/shared/UserSessionsModal/UserSessionsModal.tsx
View file

@ -8,6 +8,7 @@ import SessionItem from 'Shared/SessionItem';
import SelectDateRange from 'Shared/SelectDateRange';
import Period from 'Types/app/period';
import { useObserver, observer } from 'mobx-react-lite';
import { useModal } from 'App/components/Modal';
const PER_PAGE = 10;
interface Props {
@ -18,6 +19,7 @@ interface Props {
function UserSessionsModal(props: Props) {
const { userId, hash, name } = props;
const { sessionStore } = useStore();
const { hideModal } = useModal();
const [loading, setLoading] = React.useState(false);
const [data, setData] = React.useState<any>({ sessions: [], total: 0 });
const filter = useObserver(() => sessionStore.userFilter);
@ -64,7 +66,7 @@ function UserSessionsModal(props: Props) {
<Loader loading={loading}>
{data.sessions.map((session: any) => (
<div className="border-b last:border-none">
<SessionItem key={session.sessionId} session={session} compact={true} />
<SessionItem key={session.sessionId} session={session} compact={true} onClick={hideModal} />
</div>
))}
</Loader>