roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-16 17:49:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update prettier tab width for consistency

Browse source
This commit is contained in:
41666 2021-03-13 22:49:01 -05:00
parent a931f8c69c
commit 9b71a24e2d
247 changed files with 7224 additions and 7375 deletions
Download patch file Download diff file Expand all files Collapse all files

54
packages/design-system/atoms/button/Button.tsx
View file

@ -1,38 +1,38 @@
import * as React from 'react';
import {
Button as StyledButton,
ButtonComposerOptions,
IconContainer,
Button as StyledButton,
ButtonComposerOptions,
IconContainer,
} from './Button.styled';
export type ButtonProps = Partial<ButtonComposerOptions> & {
children: React.ReactNode;
icon?: React.ReactNode;
loading?: boolean;
onClick?: () => void;
disabled?: boolean;
children: React.ReactNode;
icon?: React.ReactNode;
loading?: boolean;
onClick?: () => void;
disabled?: boolean;
};
export const Button = (props: ButtonProps) => {
const modifiers: ButtonProps['modifiers'] = [];
if (props.loading) {
modifiers.push('withLoading');
}
const modifiers: ButtonProps['modifiers'] = [];
if (props.loading) {
modifiers.push('withLoading');
}
if (props.icon) {
modifiers.push('withIcon');
}
if (props.icon) {
modifiers.push('withIcon');
}
return (
<StyledButton
size={props.size || 'large'}
color={props.color || 'primary'}
modifiers={modifiers}
onClick={props.onClick}
disabled={props.disabled}
>
{props.icon && <IconContainer>{props.icon}</IconContainer>}
<div>{props.children}</div>
</StyledButton>
);
return (
<StyledButton
size={props.size || 'large'}
color={props.color || 'primary'}
modifiers={modifiers}
onClick={props.onClick}
disabled={props.disabled}
>
{props.icon && <IconContainer>{props.icon}</IconContainer>}
<div>{props.children}</div>
</StyledButton>
);
};