Update Rooms.tsx

components/Dashboard/Rooms.tsx

@@ -21,7 +21,7 @@ import { Collections } from "../../services/collections";
 import { useTeamDashboardContext } from "../../contexts/teamDashboardContext";
 import Room, { RoomStatus, RoomType } from "../../models/room";
 import { useAuth } from "../../contexts/authContext";
-import { Dropdown, Menu, Radio } from "antd";
+import { Dropdown, Menu, Radio, Tooltip } from "antd";
 import RoomCard from "../RoomCard";
 
 enum RoomTypeFilter {
@@ -185,6 +185,7 @@ export default function DashboardRoom() {
       <CreateRoom />
 
       {/* header */}
+      <Tooltip title={"  archive rooms to keep your team focused"}>
         <span className="flex flex-row justify-end space-x-3 pb-5 items-center">
           <span className="flex flex-col mr-auto">
             <span className="text-white ">
@@ -196,9 +197,7 @@ export default function DashboardRoom() {
                 CTRL + Q
               </button>
             </span>
-          <span className="text-gray-300 text-xs">
+            <span className="text-gray-300 text-xs"></span>
-            archive rooms to keep your team focused
-          </span>
           </span>
 
           <Radio.Group
@@ -215,7 +214,9 @@ export default function DashboardRoom() {
             </Radio.Button>
             <Radio.Button value={RoomTypeFilter.live}>
               {RoomTypeFilter.live}{" "}
-            <span className="text-xs text-orange-500">{liveRooms.length}</span>
+              <span className="text-xs text-orange-500">
+                {liveRooms.length}
+              </span>
             </Radio.Button>
             <Radio.Button value={RoomTypeFilter.archived}>
               {RoomTypeFilter.archived}{" "}
@@ -240,6 +241,7 @@ export default function DashboardRoom() {
 
           <BsThreeDots className="text-xl text-white" />
         </span>
+      </Tooltip>
 
       {/* all rooms */}
       <span className="flex flex-row flex-wrap max-h-96 overflow-auto">