diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx index 522724f..8296148 100644 --- a/src/components/Button/index.tsx +++ b/src/components/Button/index.tsx @@ -37,7 +37,7 @@ const Button = ({ iconLeft={iconLeft || undefined} iconRight={iconRight || undefined} fullWidth={fullWidth} - loading={loading} + load={loading} disabled={disabled} onClick={onClick} > diff --git a/src/components/Button/styles.ts b/src/components/Button/styles.ts index f25c02e..7e0673c 100644 --- a/src/components/Button/styles.ts +++ b/src/components/Button/styles.ts @@ -6,7 +6,7 @@ type WrapperProps = { variant?: 'primary-action' | 'secondary-action' | 'outlined' | 'text'; iconLeft?: React.SVGProps; iconRight?: React.SVGProps; - loading?: boolean; + load?: boolean; disabled?: boolean; fullWidth?: boolean; }; @@ -24,8 +24,8 @@ export const Wrapper = styled.button` align-items: center; } - ${({ iconLeft, iconRight, loading }) => { - if (iconLeft || iconRight || loading) + ${({ iconLeft, iconRight, load }) => { + if (iconLeft || iconRight || load) return css` display: flex; flex-direction: row;