Add loading state to register button on final check modal

This commit is contained in:
delivan
2022-12-18 20:24:33 +09:00
parent eead90d4b9
commit 5fac2f9156
3 changed files with 10 additions and 4 deletions
+3 -1
View File
@@ -9,10 +9,11 @@ interface PrimaryButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
export const PrimaryButton: FunctionComponent<PrimaryButtonProps> = ({
children,
isLoading,
disabled,
...props
}) => {
return (
<StyledPrimaryButton {...props}>
<StyledPrimaryButton {...props} disabled={disabled || isLoading}>
{isLoading ? (
<SpinnerWrapper>
<Spinner />
@@ -61,6 +62,7 @@ const StyledPrimaryButton = styled.button`
&:disabled {
background-color: ${color.orange["300"]};
cursor: not-allowed;
span {
opacity: 0.5;