From 7e381909483840a344ace79ca06597d9d745495c Mon Sep 17 00:00:00 2001
From: Johan Book <13253042+johanbook@users.noreply.github.com>
Date: Sun, 14 Jul 2024 09:41:43 +0200
Subject: [PATCH] feat(web-ui): use profile avatar in organization member list
 (#853)

Co-authored-by: Johan Book <{ID}+{username}@users.noreply.github.com>
---
 .../components/OrganizationMembers/OrganizationMembers.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/services/web-ui/src/pages/CurrentOrganizationPage/components/OrganizationMembers/OrganizationMembers.tsx b/services/web-ui/src/pages/CurrentOrganizationPage/components/OrganizationMembers/OrganizationMembers.tsx
index d5fc2dc5..9487ed05 100644
--- a/services/web-ui/src/pages/CurrentOrganizationPage/components/OrganizationMembers/OrganizationMembers.tsx
+++ b/services/web-ui/src/pages/CurrentOrganizationPage/components/OrganizationMembers/OrganizationMembers.tsx
@@ -2,7 +2,6 @@ import { ReactElement } from "react";
 import { Link } from "react-router-dom";
 
 import {
-  Avatar,
   Box,
   List,
   ListItem,
@@ -14,6 +13,7 @@ import {
 } from "@mui/material";
 
 import { organizationsApi } from "src/apis";
+import { ProfileAvatar } from "src/components/ProfileAvatar";
 import { Button } from "src/components/ui";
 import { ErrorMessage } from "src/components/ui/ErrorMessage";
 import { Permissions, useAuthorization } from "src/core/authorization";
@@ -77,7 +77,7 @@ export function OrganizationMembers(): ReactElement {
               to={`/profile/${member.profileId}`}
             >
               <ListItemAvatar>
-                <Avatar src={member.imageUrl} />
+                <ProfileAvatar name={member.name} src={member.imageUrl} />
               </ListItemAvatar>
               <ListItemText
                 primary={