cami/Bachelorthesis_Code
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Wiki Activity

Merge pull request 'frontend/RemoveUnneccessaryButtons (fix #122 and fix #123)' (#125) from frontend/RemoveUnneccessaryButtons into main

Browse source 
Reviewed-on: #125
This commit is contained in:
cami 2021-07-10 22:09:19 +00:00
parent a41b9c2892 00aa826971
commit 0a5f3eb4d2
2 changed files with 33 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/components/HeroSection.css
View file

@ -30,6 +30,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
min-width: 60%;
} }
.hero-btns .btn { .hero-btns .btn {

48
frontend/src/components/HeroSection.js
View file

@ -3,28 +3,44 @@ import "../App.css";
import { Button } from "./Button"; import { Button } from "./Button";
import "./HeroSection.css"; import "./HeroSection.css";
import "@fortawesome/fontawesome-free/css/all.css"; import "@fortawesome/fontawesome-free/css/all.css";
import { useAuth } from "../auth/AuthProvider";
function HeroSection() { function HeroSection() {
const [isLoggedIn] = useAuth();
return ( return (
<div className="hero-container"> <div className="hero-container">
<h1>Herzlich Willkommen</h1> <h1>Herzlich Willkommen</h1>
<div className="hero-btns"> <div className="hero-btns">
<Button {isLoggedIn ? (
className="btns" <Button
buttonStyle="btn--primary" className="btns"
buttonSize="btn--large" buttonStyle="btn--primary"
newTo="login" buttonSize="btn--large"
> newTo="behavior"
Einloggen (wenn du schon einmal mitgemacht hast) >
</Button> Zur Studie
<Button </Button>
className="btns" ) : (
buttonStyle="btn--primary" <>
buttonSize="btn--large" <Button
newTo="register" className="btns"
> buttonStyle="btn--primary"
Registrieren (falls du das erste Mal hier bist) buttonSize="btn--large"
</Button> newTo="login"
>
Einloggen (wenn du schon einmal mitgemacht hast)
</Button>
<Button
className="btns"
buttonStyle="btn--primary"
buttonSize="btn--large"
newTo="register"
>
Registrieren (falls du das erste Mal hier bist)
</Button>
</>
)}
<Button <Button
className="btns" className="btns"
buttonStyle="btn--primary" buttonStyle="btn--primary"