feat: add UserTableAvatarInfo component and update imports

Signed-off-by: Amit Amrutiya <[email protected]>

src/custom/UsersTable/UserTableAvatarInfo.tsx

@@ -0,0 +1,49 @@
+import { Avatar, Box, Grid, Typography } from '../../base';
+import { CLOUD_URL } from '../../constants/constants';
+import { PersonIcon } from '../../icons';
+import { useTheme } from '../../theme';
+
+interface UserTableAvatarInfoProps {
+  userId: string;
+  userName: string;
+  userEmail: string;
+  profileUrl?: string;
+}
+
+const UserTableAvatarInfo: React.FC<UserTableAvatarInfoProps> = ({
+  userId,
+  userName,
+  userEmail,
+  profileUrl
+}): JSX.Element => {
+  const theme = useTheme();
+  const handleProfileClick = (): void => {
+    window.open(`${CLOUD_URL}/user/${userId}`);
+  };
+
+  return (
+    <Grid container alignItems="center">
+      <Grid item>
+        <Box
+          sx={{
+            color: theme.palette.text.default,
+            mr: 2,
+            cursor: 'pointer'
+          }}
+        >
+          <Avatar onClick={handleProfileClick} alt={userName} src={profileUrl}>
+            {profileUrl ? '' : <PersonIcon />}
+          </Avatar>
+        </Box>
+      </Grid>
+      <Grid item xs>
+        {userName}
+        <Typography variant="body2" color={theme.palette.background.brand?.disabled}>
+          {userEmail}
+        </Typography>
+      </Grid>
+    </Grid>
+  );
+};
+
+export default UserTableAvatarInfo;

src/custom/index.tsx

@@ -47,7 +47,7 @@ import { TooltipIcon } from './TooltipIconButton';
 import { TransferList } from './TransferModal/TransferList';
 import { TransferListProps } from './TransferModal/TransferList/TransferList';
 import UniversalFilter, { UniversalFilterProps } from './UniversalFilter';
-import { UsersTable } from './UsersTable';
+import { UserTableAvatarInfo, UsersTable } from './UsersTable';
 import { VisibilityChipMenu } from './VisibilityChipMenu';
 export { CatalogCard } from './CatalogCard';
 export { CatalogFilterSidebar } from './CatalogFilterSection';
@@ -104,6 +104,7 @@ export {
   TooltipIcon,
   TransferList,
   UniversalFilter,
+  UserTableAvatarInfo,
   UsersTable,
   VisibilityChipMenu,
   updateVisibleColumns,