diff --git a/packages/shared/src/components/auth/AuthOptionsInner.tsx b/packages/shared/src/components/auth/AuthOptionsInner.tsx index 43c9ead930..76e8ffd945 100644 --- a/packages/shared/src/components/auth/AuthOptionsInner.tsx +++ b/packages/shared/src/components/auth/AuthOptionsInner.tsx @@ -159,6 +159,8 @@ function AuthOptionsInner({ simplified = false, ignoreMessages = false, onboardingSignupButton, + hideLoginLink, + compact, autoTriggerProvider, socialProviderScopes, }: AuthOptionsProps): ReactElement { @@ -681,7 +683,7 @@ function AuthOptionsInner({ className={classNames( 'z-1 flex w-full max-w-[26.25rem] flex-col overflow-y-auto rounded-16', !simplified && 'bg-accent-pepper-subtlest', - defaultDisplay === AuthDisplay.OnboardingSignup + defaultDisplay === AuthDisplay.OnboardingSignup && !compact ? 'min-h-[21.25rem]' : undefined, className?.container, @@ -786,6 +788,8 @@ function AuthOptionsInner({ targetId={targetId} className={className} onboardingSignupButton={onboardingSignupButton} + hideLoginLink={hideLoginLink} + compact={compact} /> diff --git a/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx b/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx index f2e434da1b..44cf1a3266 100644 --- a/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx +++ b/packages/shared/src/components/auth/OnboardingRegistrationForm.tsx @@ -36,6 +36,8 @@ interface OnboardingRegistrationFormProps extends AuthFormProps { isSocialAuthLoading?: boolean; className?: ClassName; onboardingSignupButton?: ButtonProps<'button'>; + hideLoginLink?: boolean; + compact?: boolean; } export const isWebView = (): boolean => { @@ -105,6 +107,9 @@ export const OnboardingRegistrationForm = ({ onProviderClick, targetId, trigger, + onboardingSignupButton, + hideLoginLink, + compact, }: OnboardingRegistrationFormProps): ReactElement => { const { logEvent } = useLogContext(); const { value: isOnboardingV2 } = useConditionalFeature({ @@ -144,9 +149,9 @@ export const OnboardingRegistrationForm = ({ icon={provider.icon} loading={!isReady || isSocialAuthLoading} onClick={() => onProviderClick?.(provider.value, false)} - size={ButtonSize.Large} + size={onboardingSignupButton?.size ?? ButtonSize.Large} type="button" - variant={ButtonVariant.Primary} + variant={onboardingSignupButton?.variant ?? ButtonVariant.Primary} > Continue with {provider.label} @@ -160,26 +165,28 @@ export const OnboardingRegistrationForm = ({ label="OR" />
- onExistingEmail?.('')} - className={{ - container: isOnboardingV2 - ? 'mx-auto mt-6 w-full justify-center border-t border-border-subtlest-tertiary pt-6 text-center text-text-secondary typo-callout' - : 'mx-auto mt-6 text-center text-text-secondary typo-callout', - login: '!text-inherit', - }} - /> + {!hideLoginLink && ( + onExistingEmail?.('')} + className={{ + container: isOnboardingV2 + ? 'mx-auto mt-6 w-full justify-center border-t border-border-subtlest-tertiary pt-6 text-center text-text-secondary typo-callout' + : 'mx-auto mt-6 text-center text-text-secondary typo-callout', + login: '!text-inherit', + }} + /> + )}