frontend/RemoveUnneccessaryButtons (fix #122 and fix #123) #125

Merged
cami merged 2 commits from frontend/RemoveUnneccessaryButtons into main 2021-07-10 22:09:20 +00:00
2 changed files with 33 additions and 16 deletions

View file

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

View file

@ -3,12 +3,26 @@ import "../App.css";
import { Button } from "./Button";
import "./HeroSection.css";
import "@fortawesome/fontawesome-free/css/all.css";
import { useAuth } from "../auth/AuthProvider";
function HeroSection() {
const [isLoggedIn] = useAuth();
return (
<div className="hero-container">
<h1>Herzlich Willkommen</h1>
<div className="hero-btns">
{isLoggedIn ? (
<Button
className="btns"
buttonStyle="btn--primary"
buttonSize="btn--large"
newTo="behavior"
>
Zur Studie
</Button>
) : (
<>
<Button
className="btns"
buttonStyle="btn--primary"
@ -25,6 +39,8 @@ function HeroSection() {
>
Registrieren (falls du das erste Mal hier bist)
</Button>
</>
)}
<Button
className="btns"
buttonStyle="btn--primary"