From d4bbb71fc339798ae290a5ae6bd96dfbb5a32f87 Mon Sep 17 00:00:00 2001
From: "luisa.bellitto" <luisa.bellitto@bluehands.de>
Date: Mon, 30 Jun 2025 14:12:33 +0200
Subject: [PATCH] add and fix post creation route

---
 code/frontend/src/App.tsx                | 1 +
 code/frontend/src/pages/PostCreation.tsx | 6 ++----
 code/frontend/src/pages/postCreation.css | 6 ++----
 code/frontend/tsconfig.json              | 2 +-
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/code/frontend/src/App.tsx b/code/frontend/src/App.tsx
index 98282ec..98ed9b3 100644
--- a/code/frontend/src/App.tsx
+++ b/code/frontend/src/App.tsx
@@ -34,6 +34,7 @@ function App() {
               element={<LoginAndSignUpPage signupProp={true} />}
             ></Route>
             <Route path="/profile/:username" element={<Profile />}></Route>
+            <Route path="/createpost" element={<PostCreation />}></Route>
           </Routes>
           <Footer />
         </div>
diff --git a/code/frontend/src/pages/PostCreation.tsx b/code/frontend/src/pages/PostCreation.tsx
index f5ede29..9171172 100644
--- a/code/frontend/src/pages/PostCreation.tsx
+++ b/code/frontend/src/pages/PostCreation.tsx
@@ -5,7 +5,6 @@ import { useNavigate } from "react-router-dom";
 import Chip from '@mui/material/Chip';
 import Autocomplete from '@mui/material/Autocomplete';
 import TextField from '@mui/material/TextField';
-import Avatar from '@mui/material/Avatar';
 import ButtonPrimary from "../components/ButtonRotkehlchen";
 
 import api from "../api/axios";
@@ -13,7 +12,6 @@ import { useAuth } from "../api/Auth";
 import {Box,Card,CardMedia,CardActionArea,IconButton} from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
-import UserAvatar from "../components/UserAvatar";
 
 const theme = createTheme({
   palette: {
@@ -112,13 +110,13 @@ function PostCreation(){
 
     try {
       await api.post("/posts/upload", fData)
-      navigate("/profile")
+      navigate(`/profile/${user?.username}`)
     } catch (error:any) {
       console.log(error);
     }
   };
   const onCancel= () => {
-    navigate("/profile")
+    navigate(`/profile/${user?.username}`)
   };
 
   const files = fileList ? [...fileList] : [];
diff --git a/code/frontend/src/pages/postCreation.css b/code/frontend/src/pages/postCreation.css
index 25c7f3f..653c8d8 100644
--- a/code/frontend/src/pages/postCreation.css
+++ b/code/frontend/src/pages/postCreation.css
@@ -83,6 +83,7 @@
     max-width: 600px;
     height: 40vh;
     margin: 0 auto;
+    cursor: pointer;
 }
 input#create-file-upload[type="file"] {
     display: none;
@@ -109,10 +110,7 @@ input#create-file-upload[type="file"] {
 }
 
 @media only screen and (min-width: 768px) {
-    .create-display{
-        padding-top: calc(var(--Header-height) + 1rem);
-        padding-bottom: 1rem;
-    }
+
    .create-part{
         display: flex;
         width: 90vw;
diff --git a/code/frontend/tsconfig.json b/code/frontend/tsconfig.json
index eab4d9e..d51be21 100644
--- a/code/frontend/tsconfig.json
+++ b/code/frontend/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es2020",
+    "target": "es2021",
     "lib": [
       "dom",
       "dom.iterable",