Added loader in sign-in-up button (#3801)
#3375 added loader in sign-in-up button
This commit is contained in:
@ -5,6 +5,7 @@ import styled from '@emotion/styled';
|
|||||||
import { motion } from 'framer-motion';
|
import { motion } from 'framer-motion';
|
||||||
|
|
||||||
import { IconGoogle } from '@/ui/display/icon/components/IconGoogle';
|
import { IconGoogle } from '@/ui/display/icon/components/IconGoogle';
|
||||||
|
import { Loader } from '@/ui/feedback/loader/components/Loader';
|
||||||
import { MainButton } from '@/ui/input/button/components/MainButton';
|
import { MainButton } from '@/ui/input/button/components/MainButton';
|
||||||
import { TextInput } from '@/ui/input/components/TextInput';
|
import { TextInput } from '@/ui/input/components/TextInput';
|
||||||
import { AnimatedEaseIn } from '@/ui/utilities/animation/components/AnimatedEaseIn';
|
import { AnimatedEaseIn } from '@/ui/utilities/animation/components/AnimatedEaseIn';
|
||||||
@ -85,8 +86,12 @@ export const SignInUpForm = () => {
|
|||||||
return 'Continue';
|
return 'Continue';
|
||||||
}
|
}
|
||||||
|
|
||||||
return signInUpMode === SignInUpMode.SignIn ? 'Sign in' : 'Sign up';
|
return signInUpMode === SignInUpMode.SignIn
|
||||||
}, [signInUpMode, signInUpStep]);
|
? 'Sign in'
|
||||||
|
: isSubmitting
|
||||||
|
? 'Creating workspace'
|
||||||
|
: 'Sign up';
|
||||||
|
}, [signInUpMode, signInUpStep, isSubmitting]);
|
||||||
|
|
||||||
const title = useMemo(() => {
|
const title = useMemo(() => {
|
||||||
if (signInUpMode === SignInUpMode.Invite) {
|
if (signInUpMode === SignInUpMode.Invite) {
|
||||||
@ -215,6 +220,7 @@ export const SignInUpForm = () => {
|
|||||||
setShowErrors(true);
|
setShowErrors(true);
|
||||||
handleSubmit(submitCredentials)();
|
handleSubmit(submitCredentials)();
|
||||||
}}
|
}}
|
||||||
|
Icon={() => isSubmitting && <Loader />}
|
||||||
disabled={
|
disabled={
|
||||||
SignInUpStep.Init
|
SignInUpStep.Init
|
||||||
? false
|
? false
|
||||||
|
|||||||
Reference in New Issue
Block a user