fix: custom-avatar-css-issues (#714)

Signed-off-by: pranalidhanavade <[email protected]>
credebl · Jun 26, 2024 · d3fce1a · d3fce1a
1 parent a97bdfd
commit d3fce1a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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>