added avater in chat heading

YubaNeupane · Sep 18, 2023 · c146aa1 · c146aa1
1 parent f382bb0
commit c146aa1
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/components/chat/chat-header.tsx b/components/chat/chat-header.tsx
@@ -1,5 +1,6 @@
 import { Hash, Menu } from "lucide-react";
 import { MobileToggle } from "@/components/mobile-toggle";
+import { UserAvatar } from "@/components/user-avatar";
 
 interface ChatHeaderProps {
   serverId: string;
@@ -20,6 +21,9 @@ export const ChatHeader = ({
       {type === "channel" && (
         <Hash className="w-5 h-5 mr-2 text-zinc-500 dark:text-zinc-400" />
       )}
+      {type === "conversation" && (
+        <UserAvatar src={imageUrl} className="w-8 h-8 mr-2 md:h-8 md:w-8" />
+      )}
       <p className="font-semibold text-black text-md dark:text-white">{name}</p>
     </div>
   );