Merge pull request #52 from Giveth/add-type-to-button

fix: add type to button
Giveth · Jun 9, 2022 · 2595699 · 2595699
2 parents 7e1979c + 5ad7744
commit 2595699
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/src/components/buttons/Button.tsx b/src/components/buttons/Button.tsx
@@ -93,6 +93,7 @@ export const Button: FC<IButtonProps> = ({
 	onClick,
 	icon,
 	className,
+	type = 'button',
 }) => {
 	return (
 		<ButtonContainer
@@ -101,6 +102,7 @@ export const Button: FC<IButtonProps> = ({
 			disabled={disabled}
 			onClick={onClick}
 			className={className}
+			type={type}
 		>
 			<LoadingContainer loading={+loading}>
 				{loading && (

diff --git a/src/components/buttons/OulineButton.tsx b/src/components/buttons/OulineButton.tsx
@@ -56,6 +56,7 @@ export const OulineButton: FC<IButtonProps> = ({
 	onClick,
 	icon,
 	className,
+	type = 'button',
 }) => {
 	return (
 		<ButtonContainer
@@ -64,6 +65,7 @@ export const OulineButton: FC<IButtonProps> = ({
 			onClick={onClick}
 			className={className}
 			size={size}
+			type={type}
 		>
 			<ButtonText size={size}>{label}</ButtonText>
 			{icon && icon}

diff --git a/src/components/buttons/type.ts b/src/components/buttons/type.ts
@@ -12,4 +12,5 @@ export interface IButtonContainerProps {
 export interface IButtonProps extends IButtonContainerProps {
 	loading?: boolean;
 	label: string;
+	type?: 'button' | 'submit' | 'reset';
 }