From a87b1742d5821d4ed121e4ce4d42dc682e7335bf Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sun, 16 Jan 2022 00:28:59 -0800
Subject: [PATCH] using reusable in header

---
 components/Dashboard/Header.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Dashboard/Header.tsx b/components/Dashboard/Header.tsx
index 43dc302..2ac5191 100644
--- a/components/Dashboard/Header.tsx
+++ b/components/Dashboard/Header.tsx
@@ -31,6 +31,7 @@ import TeamService from "../../services/teamService";
 import { Team } from "../../models/team";
 import Loading from "../Loading";
 import { useAudioContext } from "../../contexts/audioContext";
+import UserStatusBubble from "../UserStatusBubble";
 
 const teamService = new TeamService();
 
@@ -312,7 +313,7 @@ export default function Header() {
         <Dropdown overlay={UserMenu} trigger={["click"]}>
           <span className="relative flex hover:cursor-pointer">
             <span className="bg-gray-200 bg-opacity-30 rounded-full shadow-md absolute w-full h-full"></span>
-            <span className="absolute top-0 right-0 w-3 h-3 bg-green-400 rounded-full"></span>
+            <UserStatusBubble status={user.userStatus} />
             <img
               src={user.avatarUrl}
               alt="asdf"