add isSubmitting state to BeerForm

components/ui/forms/Button.tsx

@@ -3,11 +3,19 @@ import { FunctionComponent } from 'react';
 interface FormButtonProps {
   children: string;
   type: 'button' | 'submit' | 'reset';
+  isSubmitting?: boolean;
 }
 
-const Button: FunctionComponent<FormButtonProps> = ({ children, type }) => (
+const Button: FunctionComponent<FormButtonProps> = ({
+  children,
+  type,
+  isSubmitting = false,
+}) => (
   // eslint-disable-next-line react/button-has-type
-  <button type={type} className="btn-primary btn mt-4 w-full rounded-xl">
+  <button
+    type={type}
+    className={`btn btn-primary mt-4 w-full rounded-xl ${isSubmitting ? 'loading' : ''}`}
+  >
     {children}
   </button>
 );

components/ui/forms/FormSelect.tsx

@@ -8,6 +8,7 @@ interface FormSelectProps {
   error: boolean;
   placeholder: string;
   message: string;
+  disabled?: boolean;
 }
 
 /**
@@ -40,6 +41,7 @@ const FormSelect: FunctionComponent<FormSelectProps> = ({
   formRegister,
   placeholder,
   message,
+  disabled = false,
 }) => (
   <select
     id={id}
@@ -47,6 +49,7 @@ const FormSelect: FunctionComponent<FormSelectProps> = ({
       error ? 'select-error' : ''
     }`}
     placeholder={placeholder}
+    disabled={disabled}
     {...formRegister}
   >
     <option value="">{message}</option>