From dff7d617f4d6746e4b64580cc17250c9b7f38aab Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sun, 20 Mar 2022 20:05:38 -0400
Subject: [PATCH] Update index.tsx

---
 .../src/pages/Home/selectedConversation/index.tsx        | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/desktop/src/pages/Home/selectedConversation/index.tsx b/packages/desktop/src/pages/Home/selectedConversation/index.tsx
index 38d4f1a..91ba1d2 100644
--- a/packages/desktop/src/pages/Home/selectedConversation/index.tsx
+++ b/packages/desktop/src/pages/Home/selectedConversation/index.tsx
@@ -12,6 +12,7 @@ import { FaWindowClose } from "react-icons/fa";
 import { GlobalHotKeys } from "react-hotkeys";
 import { RelationshipState } from "@nirvana/core/models/relationship.model";
 import UpdateRelationshipStateRequest from "@nirvana/core/requests/updateRelationshipState.request";
+import UserStatusText from "../../../components/User/userStatusText";
 import moment from "moment";
 import { queryClient } from "../../../nirvanaApp";
 import { useEffect } from "react";
@@ -150,13 +151,13 @@ export default function SelectedConversation() {
             src={convoDetailsResponse.contactUser.picture}
           />
           <span className="flex flex-col items-start pl-2">
-            <span className="flex flex-row space-x-2">
+            <span className="flex flex-row space-x-2 items-center">
               <span className="text-white font-semibold text-lg">
                 {convoDetailsResponse.contactUser.name}
               </span>
-              <span className="text-emerald-500 text-sm">
-                {convoDetailsResponse.contactUser.status}
-              </span>
+              <UserStatusText
+                status={convoDetailsResponse.contactUser.status}
+              />
             </span>
 
             <span className="text-slate-300 text-sm">{`joined ${moment(