user row but autocomplete stop working

2022-05-30 07:19:26 -05:00
parent 855972ff2e
commit 5396f8a568
3 changed files with 62 additions and 4 deletions
@@ -0,0 +1,40 @@
+import React from 'react';
+
+import { Avatar, Box, Stack, Typography } from '@mui/material';
+import { User } from '@nirvana/core/src/models/user.model';
+
+export default function UserDetailRow({
+  user,
+  rightContent,
+}: {
+  user: User;
+  rightContent?: React.ReactNode;
+}) {
+  return (
+    <Stack
+      direction={'row'}
+      alignItems="center"
+      spacing={1}
+      sx={{
+        px: 1,
+      }}
+    >
+      <Avatar src={user.photoUrl} alt={user.displayName} />
+
+      <Stack>
+        <Typography variant="subtitle2" color="info">
+          {user.displayName}
+        </Typography>
+        <Typography variant={'overline'}>{user.email}</Typography>
+      </Stack>
+
+      <Box
+        sx={{
+          ml: 'auto',
+        }}
+      >
+        {rightContent}
+      </Box>
+    </Stack>
+  );
+}