martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

dont show tool tip in mobile

Browse Source
This commit is contained in:
Roland Osborne 2023-04-13 16:50:00 -07:00
parent f8dd0ea5e8
commit a367cf6372
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
net/web/src/session/cards/Cards.jsx
View File

@ -74,7 +74,7 @@ export function Cards({ closeCards, openContact, openChannel, openListing }) {
renderItem={item => ( renderItem={item => (
<CardItem item={item} enableIce={state.enableIce} tooltip={state.tooltip} resync={() => actions.resync(item.cardId)} <CardItem item={item} enableIce={state.enableIce} tooltip={state.tooltip} resync={() => actions.resync(item.cardId)}
open={() => openContact(item.guid)} message={() => message(item.cardId)} open={() => openContact(item.guid)} message={() => message(item.cardId)}
call={() => call(item)} /> call={() => call(item)} display={state.display} />
)} /> )} />
)} )}
{ state.cards.length === 0 && ( { state.cards.length === 0 && (

16
net/web/src/session/cards/cardItem/CardItem.jsx
View File

@ -6,7 +6,7 @@ import { Logo } from 'logo/Logo';
import { Tooltip } from 'antd'; import { Tooltip } from 'antd';
import { MessageOutlined, PhoneOutlined, ExclamationCircleOutlined } from '@ant-design/icons'; import { MessageOutlined, PhoneOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
export function CardItem({ item, tooltip, enableIce, resync, open, call, message }) { export function CardItem({ item, tooltip, enableIce, resync, open, call, message, display }) {
const onResync = (e) => { const onResync = (e) => {
e.stopPropagation(); e.stopPropagation();
@ -43,7 +43,19 @@ export function CardItem({ item, tooltip, enableIce, resync, open, call, message
</StatusError> </StatusError>
</Tooltip> </Tooltip>
)} )}
{ item.status === 'connected' && ( { item.status === 'connected' && display === 'small' && (
<ComOptions>
<div className="option">
<MessageOutlined onClick={onMessage} />
</div>
{ enableIce && (
<div className="option">
<PhoneOutlined onClick={onCall} />
</div>
)}
</ComOptions>
)}
{ item.status !== 'connected' && display !== 'small' && (
<ComOptions> <ComOptions>
<Tooltip className="option" placement="left" title="message contact"> <Tooltip className="option" placement="left" title="message contact">
<MessageOutlined onClick={onMessage} /> <MessageOutlined onClick={onMessage} />