mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-07 02:18: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 649c961178
commit 9be66a0a2f
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() {
return (
<div className="App">
<Header />
<Router>
<Router>
<div className="App">
<Header />
<Routes>
<Route
path="/login"
@ -21,10 +21,9 @@ function App() {
element={<LoginAndSignUpPage signupProp={true} />}
></Route>
</Routes>
</Router>
<Footer />
</div>
<Footer />
</div>
</Router>
);
}

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

@ -1,16 +1,16 @@
import "./footer.css";
import { Link } from "react-router-dom";
function Footer() {
return (
<footer className="footer">
<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" />
<span className="small-title">Feather Feed</span>
</a>
</Link>
<a
href="https://github.com/bubblecup-12/VogelSocialMedia"
target="_blank "
target="_blank"
className="footer-link github"
>
<img src="/assets/icons/github-mark.svg" alt="GitHub mark" />
@ -20,24 +20,21 @@ function Footer() {
</div>
<div className="footer-right">
<a className="footer-link" href="#">
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="#">
<Link className="footer-link" to="/">
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>
</footer>
);

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

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