Auth redirects, language switch, basic profile

exam/react/src/components/Post/Post.tsx

@@ -1,7 +1,9 @@
 import { Avatar, Card, CardContent, CardHeader, Link as MUILink, Typography } from '@mui/material';
 import { Link } from '@tanstack/react-router';
 import { FC } from 'react';
+import Api from '../../api/Api';
 import { PostAuth, PostNonAuth } from '../../types/Post';
+import convertDate from '../../utils/date';
 
 interface Props {
   post: PostNonAuth | PostAuth;
@@ -12,21 +14,37 @@ const Post: FC<Props> = ({ post }) => {
     <Card sx={{ display: 'flex', flexDirection: 'column', flexGrow: 1 }}>
       <CardHeader
         avatar={
-          <MUILink component={Link} to="/" color="#FFF" variant="h6" underline="none">
+          'id' in post.user ? (
+            <MUILink
+              component={Link}
+              to="/profile/$id"
+              params={{ id: post.user.id }}
+              color="#FFF"
+              variant="h6"
+              underline="none"
+            >
+              <Avatar alt={post.user.username} src={`storage/${post.user.image}`} />
+            </MUILink>
+          ) : (
             <Avatar alt={post.user.username} src={`storage/${post.user.image}`} />
-          </MUILink>
+          )
         }
-        title={post.user.username}
-        subheader={new Date(post.postedAt.date).toLocaleString(navigator.languages[0] ?? 'de-DE', {
-          timeZone: post.postedAt.timezone,
-          weekday: 'short',
-          day: '2-digit',
-          month: '2-digit',
-          year: 'numeric',
-          hour: '2-digit',
-          hour12: false,
-          minute: '2-digit',
-        })}
+        title={
+          'id' in post.user ? (
+            post.user.id !== Api.getAuthenticatedUser()?.id ? (
+              <MUILink component={Link} to="/profile/$id" params={{ id: post.user.id }}>
+                {post.user.username}
+              </MUILink>
+            ) : (
+              <MUILink component={Link} to="/profile">
+                {post.user.username}
+              </MUILink>
+            )
+          ) : (
+            post.user.username
+          )
+        }
+        subheader={convertDate(post.postedAt)}
       />
       <CardContent>
         <Typography>{post.content}</Typography>