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

add folder structure

Browse source
This commit is contained in:
luisa.bellitto 2025-06-14 15:50:19 +02:00 • committed by Luisa Bellitto
parent 032806a5a9
commit 912b0a2b4c
8 changed files with 0 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

80
code/frontend/src/LoginAndSignUpPage.tsx
View file

@ -1,80 +0,0 @@
import "./loginAndSignUpPage.css";
import { useState } from "react";
function LoginAndSignUpPage() {
const toggleLogin = (event: React.MouseEvent<HTMLElement>) => {
event.preventDefault();
setSignup(!signup);
};
const [signup, setSignup] = useState(false);
return (
<div className="login-display">
<div className="login-login">
<div className="login-part">
<div className={signup ? "signup-image" : "login-image"}></div>
</div>
<div className="login-part">
<div className="login-text small-title">
{signup ? "Sign Up" : "Login"}
</div>
<div className="input-fields">
<div className="login-div-input">
<img
className="login-icon"
src="/assets/icons/email_orange.svg"
alt="icon username"
></img>
<input
type="text"
className="login-input"
placeholder="Username"
></input>
</div>
{signup ? (
<div className="login-div-input">
<img
className="login-icon"
src="\assets\icons\username_orange.svg"
alt="icon email"
></img>
<input
type="email"
className="login-input"
placeholder="Email"
></input>
</div>
) : (
""
)}
<div className="login-div-input">
<img
className="login-icon"
src="\assets\icons\password_orange.svg"
alt="icon password"
></img>
<input
type="password"
className="login-input"
placeholder="Password"
></input>
</div>
</div>
<input
type="button"
className="login-button body-m"
value={signup ? "Sign up" : "Login"}
></input>
<div className="login-signup body-m" onClick={toggleLogin}>
{signup ? "Already have an account?" : "Don't have an account yet?"}{" "}
Click <span className="login-here body-m">here</span>{" "}
{signup ? "to login." : "to sign up."}
</div>
</div>
</div>
</div>
);
}
export default LoginAndSignUpPage;