michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Added button reset type.

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-10-22 17:13:57 +05:30
parent f70270a0b3
commit d287486165
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/atoms/button/Button.jsx
View file

@ -17,7 +17,8 @@ function Button({
className={`${className ? `${className} ` : ''}btn-${variant} ${iconClass} noselect`} className={`${className ? `${className} ` : ''}btn-${variant} ${iconClass} noselect`}
onMouseUp={(e) => blurOnBubbling(e, `.btn-${variant}`)} onMouseUp={(e) => blurOnBubbling(e, `.btn-${variant}`)}
onClick={onClick} onClick={onClick}
type={type === 'button' ? 'button' : 'submit'} // eslint-disable-next-line react/button-has-type
type={type}
disabled={disabled} disabled={disabled}
> >
{iconSrc !== null && <RawIcon size="small" src={iconSrc} />} {iconSrc !== null && <RawIcon size="small" src={iconSrc} />}
@ -42,7 +43,7 @@ Button.propTypes = {
className: PropTypes.string, className: PropTypes.string,
variant: PropTypes.oneOf(['surface', 'primary', 'positive', 'caution', 'danger']), variant: PropTypes.oneOf(['surface', 'primary', 'positive', 'caution', 'danger']),
iconSrc: PropTypes.string, iconSrc: PropTypes.string,
type: PropTypes.oneOf(['button', 'submit']), type: PropTypes.oneOf(['button', 'submit', 'reset']),
onClick: PropTypes.func, onClick: PropTypes.func,
children: PropTypes.node.isRequired, children: PropTypes.node.isRequired,
disabled: PropTypes.bool, disabled: PropTypes.bool,

5
src/app/atoms/button/IconButton.jsx
View file

@ -17,7 +17,8 @@ const IconButton = React.forwardRef(({
className={`ic-btn ic-btn-${variant}`} className={`ic-btn ic-btn-${variant}`}
onMouseUp={(e) => blurOnBubbling(e, `.ic-btn-${variant}`)} onMouseUp={(e) => blurOnBubbling(e, `.ic-btn-${variant}`)}
onClick={onClick} onClick={onClick}
type={type === 'button' ? 'button' : 'submit'} // eslint-disable-next-line react/button-has-type
type={type}
> >
<RawIcon size={size} src={src} /> <RawIcon size={size} src={src} />
</button> </button>
@ -45,7 +46,7 @@ IconButton.defaultProps = {
IconButton.propTypes = { IconButton.propTypes = {
variant: PropTypes.oneOf(['surface', 'positive', 'caution', 'danger']), variant: PropTypes.oneOf(['surface', 'positive', 'caution', 'danger']),
size: PropTypes.oneOf(['normal', 'small', 'extra-small']), size: PropTypes.oneOf(['normal', 'small', 'extra-small']),
type: PropTypes.oneOf(['button', 'submit']), type: PropTypes.oneOf(['button', 'submit', 'reset']),
tooltip: PropTypes.string, tooltip: PropTypes.string,
tooltipPlacement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']), tooltipPlacement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
src: PropTypes.string.isRequired, src: PropTypes.string.isRequired,