From a367cf6372220b3da78e1af1fb6c85b2328da4e2 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Thu, 13 Apr 2023 16:50:00 -0700
Subject: [PATCH] dont show tool tip in mobile

---
 net/web/src/session/cards/Cards.jsx             |  2 +-
 net/web/src/session/cards/cardItem/CardItem.jsx | 16 ++++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/net/web/src/session/cards/Cards.jsx b/net/web/src/session/cards/Cards.jsx
index 4122eea5..6794425d 100644
--- a/net/web/src/session/cards/Cards.jsx
+++ b/net/web/src/session/cards/Cards.jsx
@@ -74,7 +74,7 @@ export function Cards({ closeCards, openContact, openChannel, openListing }) {
             renderItem={item => (
               <CardItem item={item} enableIce={state.enableIce} tooltip={state.tooltip} resync={() => actions.resync(item.cardId)}
                   open={() => openContact(item.guid)} message={() => message(item.cardId)} 
-                  call={() => call(item)} />
+                  call={() => call(item)} display={state.display} />
             )} />
         )}
         { state.cards.length === 0 && (
diff --git a/net/web/src/session/cards/cardItem/CardItem.jsx b/net/web/src/session/cards/cardItem/CardItem.jsx
index a4fd56fc..c0246ed3 100644
--- a/net/web/src/session/cards/cardItem/CardItem.jsx
+++ b/net/web/src/session/cards/cardItem/CardItem.jsx
@@ -6,7 +6,7 @@ import { Logo } from 'logo/Logo';
 import { Tooltip } from 'antd';
 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) => {
     e.stopPropagation();
@@ -43,7 +43,19 @@ export function CardItem({ item, tooltip, enableIce, resync, open, call, message
             </StatusError>
           </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>
             <Tooltip className="option" placement="left" title="message contact">
               <MessageOutlined onClick={onMessage} />