From 3356b88a3e3254283fd3db982748f613fd43cadb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Wed, 23 Mar 2022 11:23:55 +0100
Subject: [PATCH] feat(dashboard-v2): allow <Button> to be type=submit

---
 packages/dashboard-v2/src/components/Button/Button.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/dashboard-v2/src/components/Button/Button.js b/packages/dashboard-v2/src/components/Button/Button.js
index 48cedb15..328d52cd 100644
--- a/packages/dashboard-v2/src/components/Button/Button.js
+++ b/packages/dashboard-v2/src/components/Button/Button.js
@@ -5,8 +5,8 @@ import styled from "styled-components";
 /**
  * Primary UI component for user interaction
  */
-export const Button = styled.button.attrs(({ disabled, $primary }) => ({
-  type: "button",
+export const Button = styled.button.attrs(({ disabled, $primary, type }) => ({
+  type,
   className: cn("px-6 py-2.5 rounded-full font-sans uppercase text-xs tracking-wide transition-[opacity_filter]", {
     "bg-primary text-palette-600": $primary,
     "bg-white border-2 border-black text-palette-600": !$primary,
@@ -14,6 +14,7 @@ export const Button = styled.button.attrs(({ disabled, $primary }) => ({
     "hover:brightness-90": !disabled,
   }),
 }))``;
+
 Button.propTypes = {
   /**
    * Is this the principal call to action on the page?
@@ -23,9 +24,14 @@ Button.propTypes = {
    * Prevent interaction on the button
    */
   disabled: PropTypes.bool,
+  /**
+   * Type of button (button / submit)
+   */
+  type: PropTypes.oneOf(["button", "submit"]),
 };
 
 Button.defaultProps = {
   $primary: false,
   disabled: false,
+  type: "button",
 };