From 4391cf790ce0d4944545dd6b9b0b92b96132f735 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Sun, 11 Jul 2021 00:04:00 +0200
Subject: [PATCH 1/2] Check if the user is already logged in and do not show
 all options (fix #122)

---
 frontend/src/components/HeroSection.js | 41 ++++++++++++++++----------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/HeroSection.js b/frontend/src/components/HeroSection.js
index 0c2579b..d9b1737 100644
--- a/frontend/src/components/HeroSection.js
+++ b/frontend/src/components/HeroSection.js
@@ -3,28 +3,37 @@ 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">
-        <Button
-          className="btns"
-          buttonStyle="btn--primary"
-          buttonSize="btn--large"
-          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>
+        {isLoggedIn ? (
+          console.log("Logged in")
+        ) : (
+          <>
+            <Button
+              className="btns"
+              buttonStyle="btn--primary"
+              buttonSize="btn--large"
+              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
           className="btns"
           buttonStyle="btn--primary"

From 00aa8269719225d8fb037116afcb99c9116a4890 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Sun, 11 Jul 2021 00:08:11 +0200
Subject: [PATCH 2/2] Added Button if the user is logged in and css

Added a button if the user is already logged in which will directly go to the study
- make buttons minimal width
---
 frontend/src/components/HeroSection.css | 1 +
 frontend/src/components/HeroSection.js  | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/HeroSection.css b/frontend/src/components/HeroSection.css
index d337b72..618fd32 100644
--- a/frontend/src/components/HeroSection.css
+++ b/frontend/src/components/HeroSection.css
@@ -30,6 +30,7 @@
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
+  min-width: 60%;
 }
 
 .hero-btns .btn {
diff --git a/frontend/src/components/HeroSection.js b/frontend/src/components/HeroSection.js
index d9b1737..be197eb 100644
--- a/frontend/src/components/HeroSection.js
+++ b/frontend/src/components/HeroSection.js
@@ -13,7 +13,14 @@ function HeroSection() {
       <h1>Herzlich Willkommen</h1>
       <div className="hero-btns">
         {isLoggedIn ? (
-          console.log("Logged in")
+          <Button
+            className="btns"
+            buttonStyle="btn--primary"
+            buttonSize="btn--large"
+            newTo="behavior"
+          >
+            Zur Studie
+          </Button>
         ) : (
           <>
             <Button