mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-09 12:08:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add redirects to footer

Browse source
This commit is contained in:
Kai Ritthaler 2025-06-20 16:30:31 +02:00 • committed by BlankAccountsUsername
parent cb5e9b7e98
commit 2360873993
3 changed files with 28 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

13
code/frontend/src/App.tsx
View file

@ -8,9 +8,9 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
function App() { function App() {
return ( return (
<div className="App"> <Router>
<Header /> <div className="App">
<Router> <Header />
<Routes> <Routes>
<Route <Route
path="/login" path="/login"
@ -21,10 +21,9 @@ function App() {
element={<LoginAndSignUpPage signupProp={true} />} element={<LoginAndSignUpPage signupProp={true} />}
></Route> ></Route>
</Routes> </Routes>
</Router> <Footer />
</div>
<Footer /> </Router>
</div>
); );
} }

39
code/frontend/src/components/Footer.tsx
View file

@ -1,16 +1,16 @@
import "./footer.css"; import "./footer.css";
import { Link } from "react-router-dom";
function Footer() { function Footer() {
return ( return (
<footer className="footer"> <footer className="footer">
<div className="footer-left"> <div className="footer-left">
<a href="" className="footer-link feather"> <Link to="/" className="footer-link feather">
<img src="/assets/icons/feather_black.svg" alt="Feather icon" /> <img src="/assets/icons/feather_black.svg" alt="Feather icon" />
<span className="small-title">Feather Feed</span> <span className="small-title">Feather Feed</span>
</a> </Link>
<a <a
href="https://github.com/bubblecup-12/VogelSocialMedia" href="https://github.com/bubblecup-12/VogelSocialMedia"
target="_blank " target="_blank"
className="footer-link github" className="footer-link github"
> >
<img src="/assets/icons/github-mark.svg" alt="GitHub mark" /> <img src="/assets/icons/github-mark.svg" alt="GitHub mark" />
@ -20,24 +20,21 @@ function Footer() {
</div> </div>
<div className="footer-right"> <div className="footer-right">
<a className="footer-link" href="#"> <Link className="footer-link" to="/">
Home
</a>
<a className="footer-link" href="#">
About
</a>
<a className="footer-link" href="#">
Login
</a>
<a className="footer-link" href="#">
Sign up
</a>
<a className="footer-link" href="#">
Create Post
</a>
<a className="footer-link" href="#">
Feed Feed
</a> </Link>
<Link className="footer-link" to="login">
Login
</Link>
<Link className="footer-link" to="/register">
Sign up
</Link>
<Link className="footer-link" to="/">
Create Post
</Link>
<Link className="footer-link" to="/about">
About
</Link>
</div> </div>
</footer> </footer>
); );

5
code/frontend/src/pages/LoginAndSignUpPage.tsx
View file

@ -1,5 +1,5 @@
import "./loginAndSignUpPage.css"; import "./loginAndSignUpPage.css";
import { useState } from "react"; import { useEffect, useState } from "react";
import axios from "axios"; import axios from "axios";
type FormData = { type FormData = {
@ -14,6 +14,9 @@ function LoginAndSignUpPage({ signupProp }: { signupProp: boolean }) {
error: String; error: String;
details: { message: string }[]; details: { message: string }[];
}>(); }>();
useEffect(() => {
setSignup(signupProp);
}, [signupProp]);
const toggleLogin = (event: React.MouseEvent<HTMLElement>) => { const toggleLogin = (event: React.MouseEvent<HTMLElement>) => {
event.preventDefault(); event.preventDefault();
setErrorMessages(undefined); setErrorMessages(undefined);