From dfe13c7c061b4b2fd6dfde8e1c3c284d574ad8f2 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 14 Mar 2021 10:21:31 +0300
Subject: refactor: wrap Input into Field

---
 src/components/Input.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'src/components/Input.tsx')

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index 69b97a2..896a974 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
+import { Field } from 'formik';
 
 export interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
   label?: string;
 }
 
-const Input: React.FC<Props> = ({ label, ...props }) => {
+const InputBase: React.FC<Props> = ({ label, ...props }) => {
   return (
     <div className="m-2 mb-4 flex flex-col">
       <label htmlFor={props?.name} className="mb-1 text-gray-700">{label}</label>
@@ -18,4 +19,6 @@ const Input: React.FC<Props> = ({ label, ...props }) => {
   );
 };
 
+const Input: React.FC<Props> = props => <Field {...props} as={InputBase} />;
+
 export default Input;
-- 
cgit v1.2.3

