node server + separate client folder

2026-08-12 02:43:50 +00:00 · 2021-04-05 22:33:31 +02:00
parent d0c8567022
commit c39f3f2dde
56 changed files with 724 additions and 6 deletions
@@ -0,0 +1,22 @@
+import { FormErrorMessage } from '@chakra-ui/form-control';
+import { FormLabel } from '@chakra-ui/form-control';
+import { FormControl } from '@chakra-ui/form-control';
+import { Input } from '@chakra-ui/input';
+import { Field } from 'formik';
+
+export default function ChakraInput(props) {
+  const { label, name, ...rest } = props;
+  return (
+    <Field name={name}>
+      {({ field, form }) => {
+        return (
+          <FormControl isInvalid={form.errors[name] && form.touched[name]}>
+            <FormLabel htmlFor={name}>{label}</FormLabel>
+            <Input id={name} {...rest} {...field} />
+            <FormErrorMessage>{form.errors[name]}</FormErrorMessage>
+          </FormControl>
+        );
+      }}
+    </Field>
+  );
+}