Merge pull request #113 from fachschaftinformatik/fix/links

fix(website): fix missing imports

Author: Ualidk01

website/src/routes/d/[id]/page.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useParams, useNavigate, Link } from "react-router-dom";
+import { useParams, useNavigate, Link as RouterLink } from "react-router-dom";
 import Avatar from "@mui/material/Avatar";
 import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
@@ -311,7 +311,7 @@ export default function ViewPost() {
                                             {post.user_name ? post.user_name[0].toUpperCase() : "A"}
                                         </Avatar>
                                         <Typography variant="body2" color="text.secondary">
-                                            von <Typography component={Link} to={`/u/${post.user_id}`} variant="body2" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{post.user_name || "Anonym"}</Typography> · {isoToShort(post.created_at || "")}
+                                            von <Typography component={RouterLink} to={`/u/${post.user_id}`} variant="body2" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{post.user_name || "Anonym"}</Typography> · {isoToShort(post.created_at || "")}
                                         </Typography>
                                     </Stack>
                                 </Stack>

website/src/routes/d/components.tsx

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { Link as RouterLink } from "react-router-dom";
 import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
 import Paper from "@mui/material/Paper";
@@ -226,7 +227,7 @@ export function CommentThread({
                             <Stack direction="row" justifyContent="space-between" alignItems="center">
                                 <Stack direction="row" spacing={1} alignItems="center" sx={{ minWidth: 0 }}>
                                     <Typography
-                                        component={Link}
+                                        component={RouterLink}
                                         to={`/u/${node.user_id}`}
                                         variant="subtitle2"
                                         fontWeight={700}

website/src/routes/d/page.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useNavigate, Link } from "react-router-dom";
+import { useNavigate, Link as RouterLink } from "react-router-dom";
 import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
 import Paper from "@mui/material/Paper";
@@ -265,7 +265,7 @@ function PostItem({
               {post.user_name ? post.user_name[0].toUpperCase() : "A"}
             </Avatar>
             <Typography variant="caption" sx={{ color: theme.palette.text.secondary }}>
-              von <Typography component={Link} to={`/u/${post.user_id}`} onClick={(e) => e.stopPropagation()} variant="caption" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{post.user_name || "Anonym"}</Typography> · {isoToShort(post.created_at ?? "")}
+              von <Typography component={RouterLink} to={`/u/${post.user_id}`} onClick={(e) => e.stopPropagation()} variant="caption" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{post.user_name || "Anonym"}</Typography> · {isoToShort(post.created_at ?? "")}
               {post.updated_at && post.created_at && post.updated_at !== post.created_at && " (bearbeitet)"}
               {" · "}
               {post.comment_count} {post.comment_count === 1 ? "Kommentar" : "Kommentare"}

website/src/routes/home/page.tsx

@@ -22,7 +22,7 @@ import {
   TimelineDot,
   TimelineOppositeContent,
 } from '@mui/lab';
-import { useNavigate, Link as RouterLink, Link } from 'react-router-dom';
+import { useNavigate, Link as RouterLink } from 'react-router-dom';
 
 import { Sidebar } from '@components/layout';
 import { useAuth } from '@lib/auth';
@@ -469,7 +469,7 @@ const NewsFeedPage: React.FC = () => {
                                   {item.user_name ? item.user_name[0].toUpperCase() : "A"}
                                 </Avatar>
                                 <Typography variant="caption" sx={{ color: 'text.secondary' }}>
-                                  von <Typography component={Link} to={`/u/${item.user_id}`} onClick={(e) => e.stopPropagation()} variant="caption" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{item.user_name || "Anonym"}</Typography> · {formatNewsDate(item.created_at || "")}
+                                  von <Typography component={RouterLink} to={`/u/${item.user_id}`} onClick={(e) => e.stopPropagation()} variant="caption" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{item.user_name || "Anonym"}</Typography> · {formatNewsDate(item.created_at || "")}
                                 </Typography>
                               </Stack>
                               <Typography variant="subtitle1" sx={{ fontWeight: 700, lineHeight: 1.2 }}>{item.title}</Typography>
@@ -498,7 +498,7 @@ const NewsFeedPage: React.FC = () => {
                                   {post.author ? post.author[0].toUpperCase() : "A"}
                                 </Avatar>
                                 <Typography variant="caption" sx={{ color: 'text.secondary' }}>
-                                  von <Typography component={Link} to={`/u/${post.authorId}`} onClick={(e) => e.stopPropagation()} variant="caption" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{post.author}</Typography> · {formatForumDate(post.createdAt)}
+                                  von <Typography component={RouterLink} to={`/u/${post.authorId}`} onClick={(e) => e.stopPropagation()} variant="caption" sx={{ color: 'inherit', fontWeight: 600, textDecoration: 'none', '&:hover': { textDecoration: 'underline', color: 'primary.main' } }}>{post.author}</Typography> · {formatForumDate(post.createdAt)}
                                 </Typography>
                               </Stack>
                               <Typography variant="subtitle1" sx={{ fontWeight: 700, lineHeight: 1.2 }}>{post.title}</Typography>