diff --git a/src/components/Atoms/ButtonForm/ButtonForm.tsx b/src/components/Atoms/ButtonForm/ButtonForm.tsx new file mode 100644 index 0000000..5e82594 --- /dev/null +++ b/src/components/Atoms/ButtonForm/ButtonForm.tsx @@ -0,0 +1,18 @@ +import { ButtonHTMLAttributes } from "react"; + +interface IButtonProps extends ButtonHTMLAttributes { + className?: string; + type: "button" | "submit" | "reset"; + disabled?: boolean; + text: string; +} + +export const ButtonForm = (props: IButtonProps) => { + const { className, text, type, disabled } = props; + + return ( + + ); +}; diff --git a/src/components/molecules/FaleConosco/FaleConosco.tsx b/src/components/molecules/FaleConosco/FaleConosco.tsx index 63ff546..89335b2 100644 --- a/src/components/molecules/FaleConosco/FaleConosco.tsx +++ b/src/components/molecules/FaleConosco/FaleConosco.tsx @@ -5,6 +5,7 @@ import { useState } from "react"; import FormSchema from "../../../schema/FormSchema"; import styles from "./FaleConosco.module.scss"; +import { ButtonForm } from "../../Atoms/ButtonForm/ButtonForm"; interface IFormikValues { name: string; @@ -202,13 +203,13 @@ const FaleConosco = () => { - + text={"CADASTRE-SE"} + /> + {FormSuccess && ( *Formulário enviado com sucesso* diff --git a/src/components/organisms/Footer/FooterBottom/FooterBottom.tsx b/src/components/organisms/Footer/FooterBottom/FooterBottom.tsx index bf3e7e8..f69c2c5 100644 --- a/src/components/organisms/Footer/FooterBottom/FooterBottom.tsx +++ b/src/components/organisms/Footer/FooterBottom/FooterBottom.tsx @@ -37,7 +37,11 @@ const FooterBottom = () => {
    - +
diff --git a/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.tsx b/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.tsx index b595037..abf396f 100644 --- a/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.tsx +++ b/src/components/organisms/Footer/FooterNewsletter/FooterNewsletter.tsx @@ -1,4 +1,5 @@ import { Formik, Form, Field, ErrorMessage } from "formik"; +import { ButtonForm } from "../../../Atoms/ButtonForm/ButtonForm"; import styles from "./FooterNewsletter.module.scss"; interface IFormikValue { @@ -36,9 +37,11 @@ const FooterNewsletter = () => { className={styles["footer-newsletter__form__error"]} component="span" /> - +