From 7261a058b2a37cdc0cba6a7c62f8631f7781e907 Mon Sep 17 00:00:00 2001
From: DevMirza <53424436+Zaid-maker@users.noreply.github.com>
Date: Sat, 9 Mar 2024 18:44:57 +0000
Subject: [PATCH] border

---
 app/board/[boardId]/_components/participants.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/board/[boardId]/_components/participants.tsx b/app/board/[boardId]/_components/participants.tsx
index 8fc6ebc..864ce29 100644
--- a/app/board/[boardId]/_components/participants.tsx
+++ b/app/board/[boardId]/_components/participants.tsx
@@ -3,6 +3,7 @@
 import { useOthers, useSelf } from "@/liveblocks.config";
 import React from "react";
 import { UserAvatar } from "./user-avatar";
+import { connectionIdToColor } from "@/lib/utils";
 
 const MAX_SHOWN_USERS = 2;
 
@@ -21,13 +22,14 @@ export const Participants = () => {
               src={info?.picture}
               name={info?.name}
               fallback={info?.name?.[0] || "T"}
+              borderColor={connectionIdToColor(connectionId)}
             />
           );
         })}
 
         {currentUser && (
           <UserAvatar
-            // borderColor={connectionIdToColor(currentUser.connectionId)}
+            borderColor={connectionIdToColor(currentUser.connectionId)}
             src={currentUser.info?.picture}
             name={`${currentUser.info?.name} (You)`}
             fallback={currentUser.info?.name?.[0]}