profile picture

src/pages/taskmanager/workspace/components/CreateWorkspaceSidebar.tsx

@@ -6,10 +6,12 @@ import Select from "../../../../components/Select";
 import { useGetUsers } from "../../../users/hooks/useUserData";
 import { UserItemType } from "../../../users/types/UserTypes";
 import WorkspaceColorPicker from "./WorkspaceColorPicker";
+import UserAvatar from "../../components/UserAvatar";
 
 export type SelectedUser = {
   id: string;
   name: string;
+  profilePic?: string;
 };
 
 type Props = {
@@ -55,7 +57,11 @@ const CreateWorkspaceSidebar: FC<Props> = ({
     if (user) {
       onSelectedUsersChange([
         ...selectedUsers,
-        { id: user.id, name: `${user.firstName} ${user.lastName}` },
+        {
+          id: user.id,
+          name: `${user.firstName} ${user.lastName}`,
+          profilePic: user.profilePic,
+        },
       ]);
     }
 
@@ -107,6 +113,7 @@ const CreateWorkspaceSidebar: FC<Props> = ({
               key={user.id}
               className="bg-[#EBEEF5] flex gap-2 text-xs items-center px-2 py-2 rounded-lg"
             >
+              <UserAvatar src={user.profilePic} alt={user.name} />
               <div>{user.name}</div>
               <CloseCircle
                 variant="Bold"