From 11dc9c668e8be95c41ffe156d28d9990fdbcfd13 Mon Sep 17 00:00:00 2001
From: alannnc <alannnc@gmail.com>
Date: Thu, 25 Aug 2022 15:27:37 -0600
Subject: [PATCH] Adding continue button to connectCalendar on getting-started
 view  (#3971)

* Adding continue button to connectCalendar view getting-started

* Fixing extra space

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Leo Giovanetti <hello@leog.me>
---
 apps/web/pages/getting-started.tsx | 45 +++++++++++++++++++-----------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/apps/web/pages/getting-started.tsx b/apps/web/pages/getting-started.tsx
index 57d7669f90..aa31e6a502 100644
--- a/apps/web/pages/getting-started.tsx
+++ b/apps/web/pages/getting-started.tsx
@@ -336,7 +336,7 @@ export default function Onboarding(props: inferSSRProps<typeof getServerSideProp
                 </Button>
               </form>
             </div>
-          )} 
+          )}
           <div className="relative my-4">
             <div className="absolute inset-0 flex items-center" aria-hidden="true">
               <div className="w-full border-t border-gray-300" />
@@ -348,18 +348,20 @@ export default function Onboarding(props: inferSSRProps<typeof getServerSideProp
           */}
           <form className="sm:mx-auto sm:w-full">
             <section className="space-y-8">
-              {user.username !== "" && (
-                <UsernameAvailability
-                  currentUsername={currentUsername}
-                  setCurrentUsername={setCurrentUsername}
-                  inputUsernameValue={inputUsernameValue}
-                  usernameRef={usernameRef}
-                  setInputUsernameValue={setInputUsernameValue}
-                  onSuccessMutation={onSuccessMutation}
-                  onErrorMutation={onErrorMutation}
-                  user={user}
-                />
-              )}
+              <fieldset>
+                {user.username !== "" && (
+                  <UsernameAvailability
+                    currentUsername={currentUsername}
+                    setCurrentUsername={setCurrentUsername}
+                    inputUsernameValue={inputUsernameValue}
+                    usernameRef={usernameRef}
+                    setInputUsernameValue={setInputUsernameValue}
+                    onSuccessMutation={onSuccessMutation}
+                    onErrorMutation={onErrorMutation}
+                    user={user}
+                  />
+                )}
+              </fieldset>
               <fieldset>
                 <label htmlFor="name" className="block text-sm font-medium text-gray-700">
                   {t("full_name")}
@@ -433,9 +435,20 @@ export default function Onboarding(props: inferSSRProps<typeof getServerSideProp
       title: t("connect_your_calendar"),
       description: t("connect_your_calendar_instructions"),
       Component: (
-        <ClientSuspense fallback={<Loader />}>
-          <CalendarListContainer heading={false} fromOnboarding={true} />
-        </ClientSuspense>
+        <section>
+          <ClientSuspense fallback={<Loader />}>
+            <CalendarListContainer heading={false} fromOnboarding={true} />
+          </ClientSuspense>
+          <footer className="flex flex-col space-y-6 py-6 sm:mx-auto sm:w-full">
+            <Button
+              className="justify-center"
+              EndIcon={Icon.FiArrowRight}
+              type="button"
+              onClick={handleConfirmStep}>
+              {t("continue")}
+            </Button>
+          </footer>
+        </section>
       ),
       hideConfirm: true,
       confirmText: t("continue"),