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
parent
8f6ba440b7
commit
11dc9c668e
|
@ -336,7 +336,7 @@ export default function Onboarding(props: inferSSRProps<typeof getServerSideProp
|
||||||
</Button>
|
</Button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className="relative my-4">
|
<div className="relative my-4">
|
||||||
<div className="absolute inset-0 flex items-center" aria-hidden="true">
|
<div className="absolute inset-0 flex items-center" aria-hidden="true">
|
||||||
<div className="w-full border-t border-gray-300" />
|
<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">
|
<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"),
|
||||||
|
|
Loading…
Reference in New Issue