public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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>
pull/3825/head
alannnc 2022-08-25 15:27:37 -06:00 committed by GitHub
parent 8f6ba440b7
commit 11dc9c668e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
apps/web/pages/getting-started.tsx
View File

@ -348,18 +348,20 @@ export default function Onboarding(props: inferSSRProps<typeof getServerSideProp
*/} */}
<form className="sm:mx-auto sm:w-full"> <form className="sm:mx-auto sm:w-full">
<section className="space-y-8"> <section className="space-y-8">
{user.username !== "" && ( <fieldset>
<UsernameAvailability {user.username !== "" && (
currentUsername={currentUsername} <UsernameAvailability
setCurrentUsername={setCurrentUsername} currentUsername={currentUsername}
inputUsernameValue={inputUsernameValue} setCurrentUsername={setCurrentUsername}
usernameRef={usernameRef} inputUsernameValue={inputUsernameValue}
setInputUsernameValue={setInputUsernameValue} usernameRef={usernameRef}
onSuccessMutation={onSuccessMutation} setInputUsernameValue={setInputUsernameValue}
onErrorMutation={onErrorMutation} onSuccessMutation={onSuccessMutation}
user={user} onErrorMutation={onErrorMutation}
/> user={user}
)} />
)}
</fieldset>
<fieldset> <fieldset>
<label htmlFor="name" className="block text-sm font-medium text-gray-700"> <label htmlFor="name" className="block text-sm font-medium text-gray-700">
{t("full_name")} {t("full_name")}
@ -433,9 +435,20 @@ export default function Onboarding(props: inferSSRProps<typeof getServerSideProp
title: t("connect_your_calendar"), title: t("connect_your_calendar"),
description: t("connect_your_calendar_instructions"), description: t("connect_your_calendar_instructions"),
Component: ( Component: (
<ClientSuspense fallback={<Loader />}> <section>
<CalendarListContainer heading={false} fromOnboarding={true} /> <ClientSuspense fallback={<Loader />}>
</ClientSuspense> <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, hideConfirm: true,
confirmText: t("continue"), confirmText: t("continue"),