From f30e847efe0371d235245bdd8a5ac8710266c25a Mon Sep 17 00:00:00 2001
From: "Jason R. Stevens, CFA" <jason@thinkjrs.dev>
Date: Thu, 3 Feb 2022 21:46:59 -0600
Subject: [PATCH 1/5] :fire: remove unused cta prop

---
 components/WhyInvestHero.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/WhyInvestHero.jsx b/components/WhyInvestHero.jsx
index 4626d5a..3a755ee 100644
--- a/components/WhyInvestHero.jsx
+++ b/components/WhyInvestHero.jsx
@@ -1,4 +1,4 @@
-export default function WhyInvestHero({ subTitle, title, description, cta }) {
+export default function WhyInvestHero({ subTitle, title, description }) {
   return (
     <div className="w-full lg:w-1/2 px-4 text-center lg:text-left">
       <div className="lg:mx-auto mb-10 lg:mb-0">

From b2a9e184125d97b2a4d095280dc5c888882d6cae Mon Sep 17 00:00:00 2001
From: "Jason R. Stevens, CFA" <jason@thinkjrs.dev>
Date: Thu, 3 Feb 2022 21:53:55 -0600
Subject: [PATCH 2/5] :recycle: refactor SafeTerms to take session conditional

---
 components/Sections/SafeTerms.jsx | 15 ++++++++++++++-
 pages/index.jsx                   | 12 ++----------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/components/Sections/SafeTerms.jsx b/components/Sections/SafeTerms.jsx
index d18cdbf..9d23782 100644
--- a/components/Sections/SafeTerms.jsx
+++ b/components/Sections/SafeTerms.jsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-
+import { signIn } from "next-auth/react";
 import Modal from "../Modal";
 import SafeNote from "../SafeNote";
 
@@ -9,9 +9,22 @@ export default function SafeTerms({
   description,
   safeNoteContent,
   cta,
+  session,
 }) {
   const [isClicked, setIsClicked] = useState(true);
   const [safeType, setSafeType] = useState(null);
+  if (!session) {
+    return (
+      <div className="mx-auto">
+        <button
+          className="mx-auto w-3/5 lg:w-2/5 block px-5 py-3 text-sm font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
+          onClick={() => signIn()}
+        >
+          Log in to see terms
+        </button>
+      </div>
+    );
+  }
   return (
     <section
       id="safe-terms"
diff --git a/pages/index.jsx b/pages/index.jsx
index 40a08ea..4413060 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -168,16 +168,8 @@ export default function Funded() {
         />
         <Stats data={stats1Data} />
         <WhyInvest {...whyInvestContent} />
-        {!session ? (
-          <button
-            className="block md:inline-block px-5 py-3 text-sm font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
-            onClick={() => signIn()}
-          >
-            Log in to see terms
-          </button>
-        ) : (
-          <SafeTerms {...safeTermsContent} />
-        )}
+
+        <SafeTerms {...safeTermsContent} session={session} />
         {!session ? null : (
           <>
             <FactCards factCardsContent={factCardsContent} />

From 4e03e8e51c247b074d87b63ae877dcd2ee8ad15d Mon Sep 17 00:00:00 2001
From: "Jason R. Stevens, CFA" <jason@thinkjrs.dev>
Date: Thu, 3 Feb 2022 22:07:58 -0600
Subject: [PATCH 3/5] :recycle: update styling for conditional login button

---
 components/Sections/SafeTerms.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Sections/SafeTerms.jsx b/components/Sections/SafeTerms.jsx
index 9d23782..eea1137 100644
--- a/components/Sections/SafeTerms.jsx
+++ b/components/Sections/SafeTerms.jsx
@@ -15,9 +15,9 @@ export default function SafeTerms({
   const [safeType, setSafeType] = useState(null);
   if (!session) {
     return (
-      <div className="mx-auto">
+      <div className="mx-4 md:w-2/5 md:mx-auto md:pb-12 lg:w-1/2 lg:mx-auto lg:pb-24">
         <button
-          className="mx-auto w-3/5 lg:w-2/5 block px-5 py-3 text-sm font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
+          className="w-full md:px-12 block px-5 py-3 text-sm font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
           onClick={() => signIn()}
         >
           Log in to see terms

From 1495bc7b3b870250a15640e300c17b54e3c526a1 Mon Sep 17 00:00:00 2001
From: "Jason R. Stevens, CFA" <jason@thinkjrs.dev>
Date: Thu, 3 Feb 2022 22:09:08 -0600
Subject: [PATCH 4/5] :recycle: add conditional render for no session

---
 components/Sections/WhyInvest.jsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/components/Sections/WhyInvest.jsx b/components/Sections/WhyInvest.jsx
index 230da04..39a655b 100644
--- a/components/Sections/WhyInvest.jsx
+++ b/components/Sections/WhyInvest.jsx
@@ -7,6 +7,7 @@ export default function WhyInvest({
   description,
   cta,
   whyInvestCardData,
+  session,
 }) {
   return (
     <section id="why-invest" className="py-20">
@@ -31,14 +32,16 @@ export default function WhyInvest({
               })}
             </div>
           </div>
-          <div className="text-center mx-auto">
-            <a
-              className="inline-block px-5 py-3 md:mr-3 mb-3 md:mb-0 text-sm bg-indigo-500 hover:bg-indigo-600 text-white font-semibold border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
-              href="#safe-terms"
-            >
-              {cta}
-            </a>
-          </div>
+          {!session ? null : (
+            <div className="mt-12 text-center mx-auto">
+              <a
+                className="inline-block px-12 py-3 mb-3 md:mb-0 text-sm bg-indigo-500 hover:bg-indigo-600 text-white font-semibold border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
+                href="#safe-terms"
+              >
+                {cta}
+              </a>
+            </div>
+          )}
         </div>
       </div>
     </section>

From b8fa431e51f865909cab09bebf1d67b61289c7d9 Mon Sep 17 00:00:00 2001
From: "Jason R. Stevens, CFA" <jason@thinkjrs.dev>
Date: Thu, 3 Feb 2022 22:09:13 -0600
Subject: [PATCH 5/5] :recycle: refactor to remove conditional and push into
 components

---
 pages/index.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/pages/index.jsx b/pages/index.jsx
index 4413060..e70792c 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -167,8 +167,7 @@ export default function Funded() {
           setMobileMenuIsClicked={setMobileMenuIsClicked}
         />
         <Stats data={stats1Data} />
-        <WhyInvest {...whyInvestContent} />
-
+        <WhyInvest {...whyInvestContent} session={session} />
         <SafeTerms {...safeTermsContent} session={session} />
         {!session ? null : (
           <>