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

added react router and routes to login and signup

Browse source
This commit is contained in:
Kai Ritthaler 2025-06-20 12:40:47 +02:00 • committed by BlankAccountsUsername
parent c32e345d3d
commit 649c961178
4 changed files with 46 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,12 +4,25 @@ import "./styles/fonts.css";
import LoginAndSignUpPage from "./pages/LoginAndSignUpPage";
import Footer from "./components/Footer";
import Header from "./components/header";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
function App() {
return (
<div className="App">
<Header />
<LoginAndSignUpPage />
<Router>
<Routes>
<Route
path="/login"
element={<LoginAndSignUpPage signupProp={false} />}
></Route>
<Route
path="/register"
element={<LoginAndSignUpPage signupProp={true} />}
></Route>
</Routes>
</Router>
<Footer />
</div>
);

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

@ -8,17 +8,17 @@ type FormData = {
password: string;
};
function LoginAndSignUpPage() {
function LoginAndSignUpPage({ signupProp }: { signupProp: boolean }) {
const [signup, setSignup] = useState<boolean>(signupProp);
const [errorMessages, setErrorMessages] = useState<{
error: String;
details: { message: string }[];
}>();
const toggleLogin = (event: React.MouseEvent<HTMLElement>) => {
event.preventDefault();
setErrorMessages(undefined);
setSignup(!signup);
};
const [signup, setSignup] = useState<boolean>(false);
const [errorMessages, setErrorMessages] = useState<{
error: String;
details: { message: string }[];
}>();
const [formData, setFormData] = useState<FormData>({
username: "",
email: "",