Add default Button type

Author: szrudi

src/app/components/Button.js

@@ -1,6 +1,8 @@
 import styled from "styled-components";
 
-const Button = styled.button`
+const Button = styled.button.attrs((props) => ({
+  type: props.type ?? "button",
+}))`
   margin-right: 5px;
 
   &:disabled {

src/app/components/CancelButton.js

@@ -6,6 +6,7 @@ const CancelButton = ({previousUrl = "/"}) => {
   const history = useHistory();
   return (
     <Button
+      type="reset"
       className="muted-button"
       onClick={(e) => {
         e.preventDefault();

src/features/questions/QuestionForm.js

@@ -99,6 +99,7 @@ const QuestionForm = ({ questionId, formRef = null }) => {
           <div className="flex-row">
             <div className="flex-small">
               <Button
+                type="submit"
                 onClick={handleSubmit}
                 disabled={!canSubmit}
                 className={canSubmit ? "" : "muted-button"}

src/helpers/globals.js

@@ -79,10 +79,10 @@ export const makeCancelable = (promise) => {
 
   const wrappedPromise = new Promise((resolve, reject) => {
     promise.then((val) =>
-      hasCanceled_ ? reject({isCanceled: true}) : resolve(val)
+      hasCanceled_ ? reject({ isCanceled: true }) : resolve(val)
     );
     promise.catch((error) =>
-      hasCanceled_ ? reject({isCanceled: true}) : reject(error)
+      hasCanceled_ ? reject({ isCanceled: true }) : reject(error)
     );
   });