From d3fce1a4db1d47dd52a87533bf276ff6532252ad Mon Sep 17 00:00:00 2001
From: pranalidhanavade <137780597+pranalidhanavade@users.noreply.github.com>
Date: Wed, 26 Jun 2024 13:28:59 +0530
Subject: [PATCH] fix: custom-avatar-css-issues (#714)

Signed-off-by: pranalidhanavade <pranali.dhanavade@ayanworks.com>
---
 src/commonComponents/EcosystemProfileCard.tsx          |  9 +++++++--
 src/components/EcosystemInvite/EcoInvitationList.tsx   |  4 ++--
 .../organization/invitations/ReceivedInvitations.tsx   | 10 ++++++----
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/commonComponents/EcosystemProfileCard.tsx b/src/commonComponents/EcosystemProfileCard.tsx
index d1623d1ca..51a18fae6 100644
--- a/src/commonComponents/EcosystemProfileCard.tsx
+++ b/src/commonComponents/EcosystemProfileCard.tsx
@@ -10,6 +10,7 @@ import { RoleTablet } from '../components/Ecosystem/Dashboard'
 import CustomSpinner from '../components/CustomSpinner';
 import { pathRoutes } from '../config/pathRoutes';
 import { EmptyListMessage } from '../components/EmptyListComponent';
+import React from 'react';
 
 
 
@@ -86,9 +87,13 @@ const EcosystemProfileCard = ({getEndorsementListData}:IEndorsement) => {
                 >
                     <div className="mr-4">
                         {ecosystemDetails?.logoUrl ? (
-                            <CustomAvatar size="80px"  textSizeRatio={2.5} round src={ecosystemDetails?.logoUrl} />
+                            <CustomAvatar className='text-violet11 leading-1 flex h-full w-full items-center justify-center bg-white text-[15px] font-medium'
+                            size="80px"  textSizeRatio={2.5}
+                            round src={ecosystemDetails?.logoUrl} />
                         ) : (
-                            <CustomAvatar size="80px"  textSizeRatio={2.5} round name={ecosystemDetails?.name} />
+                            <CustomAvatar className='text-violet11 leading-1 flex h-full w-full items-center justify-center bg-white text-[15px] font-medium'
+                            size="80px"  textSizeRatio={2.5}
+                            round name={ecosystemDetails?.name} />
                         )}
                     </div>
 
diff --git a/src/components/EcosystemInvite/EcoInvitationList.tsx b/src/components/EcosystemInvite/EcoInvitationList.tsx
index c9e0575ff..bb706d387 100644
--- a/src/components/EcosystemInvite/EcoInvitationList.tsx
+++ b/src/components/EcosystemInvite/EcoInvitationList.tsx
@@ -9,9 +9,9 @@ const EcoInvitationList = (props: InvitationProps) => {
 		<div className="flex space-x-2">
 			<div className="mr-2">
 				{logoUrl ? (
-					<CustomAvatar size="60px" src={logoUrl} />
+					<CustomAvatar className='text-violet11 leading-1 flex h-full w-full items-center justify-center bg-white text-[15px] font-medium'round size="80px" src={logoUrl} />
 				) : (
-					<CustomAvatar size="70px" name={name} />
+					<CustomAvatar className='text-violet11 leading-1 flex h-full w-full items-center justify-center bg-white text-[15px] font-medium' round size="80px" name={name} />
 				)}
 			</div>
 
diff --git a/src/components/organization/invitations/ReceivedInvitations.tsx b/src/components/organization/invitations/ReceivedInvitations.tsx
index 9e0e71128..9282bd21d 100644
--- a/src/components/organization/invitations/ReceivedInvitations.tsx
+++ b/src/components/organization/invitations/ReceivedInvitations.tsx
@@ -159,14 +159,16 @@ const ReceivedInvitations = () => {
 													<div>
 														<div className="mr-2 border border-gray-200 dark:border-gray-700">
 															{invitation.organisation.logoUrl ? (
-																<CustomAvatar
-																	size="60px"
+																<CustomAvatar className='text-violet11 leading-1 flex h-full w-full items-center justify-center bg-white text-[15px] font-medium'
+																size="80px"  textSizeRatio={2.5}
+																round
 																	src={invitation?.organisation?.logoUrl}
 																/>
 															) : (
-																<CustomAvatar
-																	size="70px"
+																<CustomAvatar className='text-violet11 leading-1 flex h-full w-full items-center justify-center bg-white text-[15px] font-medium'
+																size="80px"  textSizeRatio={2.5}
 																	name={invitation?.organisation?.name}
+																	round
 																/>
 															)}
 														</div>