fix: APP-353 stakeholders style (#2570)

regen-network · Dec 11, 2024 · 8608078 · 8608078
1 parent d0457d3
commit 8608078
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/web-components/src/components/user/UserInfo.tsx b/web-components/src/components/user/UserInfo.tsx
@@ -1,6 +1,6 @@
 import { isValidElement } from 'react';
 import { Link, SxProps } from '@mui/material';
-import Grid, { GridDirection } from '@mui/material/Grid';
+import Grid, { GridDirection, GridProps } from '@mui/material/Grid';
 
 import { headerFontFamily, Theme } from '../../theme/muiTheme';
 import { formatDate } from '../../utils/format';
@@ -44,6 +44,7 @@ interface UserInfoProps {
     timestamp?: string;
   };
   linkComponent?: LinkComponentProp;
+  alignItems?: GridProps['alignItems'];
 }
 export default function UserInfo({
   user,
@@ -56,6 +57,7 @@ export default function UserInfo({
   nameHasPadding = true,
   classNames,
   linkComponent: LinkComponent = Link,
+  alignItems = 'center',
 }: UserInfoProps): JSX.Element {
   const sizeVariant = getSizeVariant(size);
   const mobileSizeVariant = getSizeVariant(getMobileSize(size));
@@ -90,7 +92,7 @@ export default function UserInfo({
       direction={direction}
       wrap="nowrap"
       sx={sx}
-      alignItems="center"
+      alignItems={alignItems}
     >
       <Grid item>
         <UserAvatar

diff --git a/web-components/src/components/user/UserInfoWithTitle.tsx b/web-components/src/components/user/UserInfoWithTitle.tsx
@@ -48,6 +48,7 @@ export default function UserInfoWithTitle({
           border={border}
           titleComponent="subtitle"
           linkComponent={linkComponent}
+          alignItems={'start'}
         />
       )}
     </Box>