adding in navbar and other components

2022-06-11 06:06:16 -05:00
parent 8ee5cc0886
commit 11c4ec5a53
10 changed files with 282 additions and 1 deletions
@@ -0,0 +1,40 @@
+import { Avatar, Box, Stack, Typography } from '@mui/material';
+
+import React from 'react';
+import User from '@nirvana/core/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.picture} alt={user.givenName} />
+
+      <Stack>
+        <Typography variant="subtitle2" color="info" gutterBottom={false}>
+          {user.givenName}
+        </Typography>
+        <Typography variant={'overline'}>{user.email}</Typography>
+      </Stack>
+
+      <Box
+        sx={{
+          ml: 'auto',
+        }}
+      >
+        {rightContent}
+      </Box>
+    </Stack>
+  );
+}