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

change(ui) - more from over to click

Browse source
This commit is contained in:
Shekar Siri 2022-11-25 18:44:36 +01:00
parent 5d77f8439c
commit 4a4cfc2089
1 changed files with 7 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/app/components/Session_/EventsBlock/UserCard/UserCard.js
View file

@ -5,7 +5,7 @@ import { countries } from 'App/constants';
import { useStore } from 'App/mstore';
import { browserIcon, osIcon, deviceTypeIcon } from 'App/iconNames';
import { formatTimeOrDate } from 'App/date';
import { Avatar, TextEllipsis, CountryFlag, Icon, Tooltip } from 'UI';
import { Avatar, TextEllipsis, CountryFlag, Icon, Tooltip, Popover } from 'UI';
import cn from 'classnames';
import { withRequest } from 'HOCs';
import SessionInfoItem from '../../SessionInfoItem';
@ -75,15 +75,9 @@ function UserCard({ className, request, session, width, height, similarSessions,
{userBrowser}, {userOs}, {userDevice}
</span>
<span className="mx-1 font-bold text-xl">&#183;</span>
<Tooltip
// theme="light"
delay={0}
// hideOnClick="persistent"
// arrow
// interactive
className="!bg-white shadow border !color-gray-dark"
title={
<div className="text-left">
<Popover
render={() => (
<div className="text-left bg-white">
<SessionInfoItem
comp={<CountryFlag country={userCountry} />}
label={countries[userCountry]}
@ -99,14 +93,10 @@ function UserCard({ className, request, session, width, height, similarSessions,
/>
{revId && <SessionInfoItem icon="info" label="Rev ID:" value={revId} isLast />}
</div>
}
position="bottom"
// hoverable
// disabled={false}
on="hover"
)}
>
<span className="color-teal cursor-pointer">More</span>
</Tooltip>
<span className="link">More</span>
</Popover>
</div>
</div>
</div>