Auth redirects, language switch, basic profile

2024-07-26 01:14:12 +02:00
parent 2091bdb4e3
commit 36a4659915
31 changed files with 5638 additions and 331 deletions
@@ -0,0 +1,34 @@
+import { Avatar, Box, Grid, Typography } from '@mui/material';
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { User } from '../../types/User';
+import convertDate from '../../utils/date';
+
+interface Props {
+  user: User;
+}
+
+const Profile: FC<Props> = ({ user }) => {
+  const { t } = useTranslation();
+
+  return (
+    <Box>
+      <Grid container spacing={2}>
+        <Grid item sx={{ display: 'grid', gridTemplateColumns: 'fit-content(100%) 1fr', columnGap: 2, rowGap: 1 }}>
+          <Box sx={{ gridColumn: '1/3', display: 'flex', justifyContent: 'center' }}>
+            <Avatar alt={user.username} src={`storage/${user.image}`} sx={{ width: 100, height: 100 }} />
+          </Box>
+          <Typography fontWeight="bold">{t('Username')}:</Typography>
+          <Typography>{user.username}</Typography>
+          <Typography fontWeight="bold">{t('Member since')}:</Typography>
+          <Typography>{convertDate(user.memberSince)}</Typography>
+          <Typography fontWeight="bold">{t('Post count')}:</Typography>
+          <Typography>{user.postCount}</Typography>
+        </Grid>
+        <Grid item></Grid>
+      </Grid>
+    </Box>
+  );
+};
+
+export default Profile;