Update OfficeCard.tsx

This commit is contained in:
Arjun Patel
2022-01-22 21:26:37 -08:00
parent 7220867bec
commit 6eace5fe55
+9 -6
View File
@@ -1,6 +1,7 @@
import { Avatar, Tooltip } from "antd"; import { Avatar, Tooltip } from "antd";
import toast from "react-hot-toast"; import toast from "react-hot-toast";
import { FaPhoneSlash, FaPlus } from "react-icons/fa"; import { FaPhoneSlash, FaPlus } from "react-icons/fa";
import { HiSpeakerphone } from "react-icons/hi";
import { useAuth } from "../contexts/authContext"; import { useAuth } from "../contexts/authContext";
import { useTeamDashboardContext } from "../contexts/teamDashboardContext"; import { useTeamDashboardContext } from "../contexts/teamDashboardContext";
import OfficeRoom, { OfficeRoomState } from "../models/officeRoom"; import OfficeRoom, { OfficeRoomState } from "../models/officeRoom";
@@ -146,12 +147,14 @@ export default function OfficeCard(props: IOfficeCard) {
<VscDebugDisconnect className="text-orange-500 text-xl" /> <VscDebugDisconnect className="text-orange-500 text-xl" />
</button> </button>
) : ( ) : (
<button <Tooltip title={"Join"}>
onClick={handleJoinOfficeRoom} <button
className="bg-gray-300 bg-opacity-25 p-2 rounded hover:bg-opacity-40" onClick={handleJoinOfficeRoom}
> className="bg-gray-300 bg-opacity-25 p-2 rounded hover:bg-opacity-40"
<FaPlus className="text-lg text-white" /> >
</button> <HiSpeakerphone className="text-lg text-white" />
</button>
</Tooltip>
)} )}
</span> </span>
</span> </span>