From 354ddef9fbd90751ae5abc239f48351f40e0b222 Mon Sep 17 00:00:00 2001
From: German Urrustarazu <germanurrus@gmail.com>
Date: Thu, 29 Sep 2022 12:01:33 -0300
Subject: [PATCH] hide tooltip in join button on mobile

---
 .../client/src/components/Community/CommunityCard.js         | 5 ++++-
 .../client/src/components/Community/JoinCommunityButton.js   | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/packages/client/src/components/Community/CommunityCard.js b/frontend/packages/client/src/components/Community/CommunityCard.js
index 73dd71340..4dda9e00b 100644
--- a/frontend/packages/client/src/components/Community/CommunityCard.js
+++ b/frontend/packages/client/src/components/Community/CommunityCard.js
@@ -78,7 +78,10 @@ const CommunityCard = ({ logo, name, body, id, slug, hideJoin }) => {
                 className="is-flex is-align-items-center mr-2"
                 style={{ maxWidth: 40 }}
               >
-                <JoinCommunityButton communityId={id} />
+                <JoinCommunityButton
+                  communityId={id}
+                  hasTooltip={isNotMobile}
+                />
               </div>
             )}
           </div>
diff --git a/frontend/packages/client/src/components/Community/JoinCommunityButton.js b/frontend/packages/client/src/components/Community/JoinCommunityButton.js
index b2d2e6948..56edd0929 100644
--- a/frontend/packages/client/src/components/Community/JoinCommunityButton.js
+++ b/frontend/packages/client/src/components/Community/JoinCommunityButton.js
@@ -12,6 +12,7 @@ export default function JoinCommunityButton({
   onLeaveCommunity = async () => {},
   onJoinCommunity = async () => {},
   size = 'small',
+  hasTooltip = false,
 }) {
   const [isModalErrorOpened, setIsModalErrorOpened] = useState(false);
   const { createCommunityUser, deleteUserFromCommunity } = useJoinCommunity();
@@ -109,7 +110,7 @@ export default function JoinCommunityButton({
       >
         <Svg name="Eye" />
         <Svg name="HideEye" />
-        {!isMember && (
+        {!isMember && hasTooltip && (
           <span className="join-community-cta py-2 px-4 rounded-lg has-text-white has-background-black smaller-text">
             Watch this community
           </span>