Přidání sekce Newsletter do patičky about app HOT 2 CLOSED

// Covered by unit tests
function validateNewsletterForm(values) {
  return {
    // ... email errors
  }
}

function useNewsletterForm({ onSubmit }) {
  const form = useFormik({
    initialValues: { email: '' },
    onSubmit,
    validate: validateNewsletterForm,
  })

  return {
    values: form.values,
    errors: form.errors,
    // ...
    handlers: {
      emailChange: (event: React.ChangeEvent<HTMLInputElement>) => {
        form.setFieldValue('email', event.target.value)
        // ... validations, etc.
      },
      handleSubmit: form.handleSubmit,
      // ...
    },
  }
}

const form = useNewsletterForm({
    onSubmit: () => {
      console.log('Hello World')
    },
  })

  return (
    <form>
      <input value={form.values} onChange={form.handlers.emailChange} />
    </form>
  )

  // vs...

  const formik = useFormik({
    onSubmit: () => {
      console.log('Hello World')
    },
  })

  return (
    <form>
      <input
        value={formik.values.email}
        onChange={(event) => {
          formik.setFieldValue('email', event.target.value)
          // ...
        }}
      />
    </form>
  )