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

change(ui) - session list icon when empty

Browse source
This commit is contained in:
Shekar Siri 2022-08-19 17:52:32 +02:00
parent e6f25d15dd
commit 56180be97e
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -9,6 +9,7 @@ import SelectDateRange from 'Shared/SelectDateRange';
import Period from 'Types/app/period';
import { useObserver, observer } from 'mobx-react-lite';
import { useModal } from 'App/components/Modal';
import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
const PER_PAGE = 10;
interface Props {
@ -61,7 +62,13 @@ function UserSessionsModal(props: Props) {
</div>
</div>
<NoContent show={data.sessions.length === 0} title={<div>No recordings found.</div>}>
<NoContent show={data.sessions.length === 0} title={
<div>
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-2" />
<div className="text-center text-gray-600">No recordings found.</div>
</div>
}>
<div className="border rounded m-5">
<Loader loading={loading}>
{data.sessions.map((session: any) => (