forked from M3-Academy/desafio-react-e-typescript
fix: Conserta os formulários do searchBar e Newsletter
This commit is contained in:
parent
c06a63cffd
commit
c039c78aa2
@ -1,6 +1,7 @@
|
||||
import styles from "../styles/main.module.scss";
|
||||
import { Formik, Form, Field, FormikHelpers, ErrorMessage } from "formik";
|
||||
import SearchBarFormSchema from "../schema/SearchBarFormSchema";
|
||||
import NewsletterSchema from "../schema/NewsletterSchema";
|
||||
|
||||
interface SearchBarProps {
|
||||
search: string;
|
||||
@ -24,17 +25,16 @@ const SearchBar = ({
|
||||
}: SearchFormProps) => {
|
||||
if (!buttonText) buttonText = "";
|
||||
|
||||
const schema = type === "search" ? SearchBarFormSchema : NewsletterSchema;
|
||||
|
||||
const handleFormSubmit = (values: SearchBarProps, actions: FormikHelpers<SearchBarProps>) => {
|
||||
console.log("submit");
|
||||
console.log(values, actions);
|
||||
actions.resetForm();
|
||||
};
|
||||
|
||||
return (
|
||||
<Formik
|
||||
onSubmit={handleFormSubmit}
|
||||
initialValues={initialValues}
|
||||
validationSchema={SearchBarFormSchema}
|
||||
>
|
||||
<Formik onSubmit={handleFormSubmit} initialValues={initialValues} validationSchema={schema}>
|
||||
<Form className={styles[parentClassName]}>
|
||||
<Field
|
||||
className={styles[parentClassName + "__search-box"]}
|
||||
|
5
src/schema/NewsletterSchema.ts
Normal file
5
src/schema/NewsletterSchema.ts
Normal file
@ -0,0 +1,5 @@
|
||||
import * as Yup from "yup";
|
||||
|
||||
export default Yup.object().shape({
|
||||
email: Yup.string().required("*Campo obrigatório").email("*Email inválido"),
|
||||
});
|
@ -2,5 +2,4 @@ import * as Yup from "yup";
|
||||
|
||||
export default Yup.object().shape({
|
||||
search: Yup.string().required(),
|
||||
email: Yup.string().required("*Campo obrigatório").email("*Email inválido"),
|
||||
});
|
||||
|
Loading…
Reference in New Issue
Block a user