From 6eace5fe55f3526e77a86c751b12739e596c0826 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sat, 22 Jan 2022 21:26:37 -0800
Subject: [PATCH] Update OfficeCard.tsx

---
 components/OfficeCard.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/OfficeCard.tsx b/components/OfficeCard.tsx
index 1dc726f..dcd1b2d 100644
--- a/components/OfficeCard.tsx
+++ b/components/OfficeCard.tsx
@@ -1,6 +1,7 @@
 import { Avatar, Tooltip } from "antd";
 import toast from "react-hot-toast";
 import { FaPhoneSlash, FaPlus } from "react-icons/fa";
+import { HiSpeakerphone } from "react-icons/hi";
 import { useAuth } from "../contexts/authContext";
 import { useTeamDashboardContext } from "../contexts/teamDashboardContext";
 import OfficeRoom, { OfficeRoomState } from "../models/officeRoom";
@@ -146,12 +147,14 @@ export default function OfficeCard(props: IOfficeCard) {
             <VscDebugDisconnect className="text-orange-500 text-xl" />
           </button>
         ) : (
-          <button
-            onClick={handleJoinOfficeRoom}
-            className="bg-gray-300 bg-opacity-25 p-2 rounded hover:bg-opacity-40"
-          >
-            <FaPlus className="text-lg text-white" />
-          </button>
+          <Tooltip title={"Join"}>
+            <button
+              onClick={handleJoinOfficeRoom}
+              className="bg-gray-300 bg-opacity-25 p-2 rounded hover:bg-opacity-40"
+            >
+              <HiSpeakerphone className="text-lg text-white" />
+            </button>
+          </Tooltip>
         )}
       </span>
     </span>