StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update fields to have a custom component

Browse source
This commit is contained in:
Dane Everitt 2020-07-04 09:13:41 -07:00
parent e8755ac598
commit baf35be8e8
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
8 changed files with 87 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

8
resources/scripts/components/elements/Field.tsx
View file

@ -1,6 +1,7 @@
import React from 'react';
import { Field as FormikField, FieldProps } from 'formik';
import classNames from 'classnames';
import Input from '@/components/elements/Input';
interface OwnProps {
name: string;
@ -20,13 +21,12 @@ const Field = ({ id, name, light = false, label, description, validate, classNam
{label &&
<label htmlFor={id} className={light ? undefined : 'input-dark-label'}>{label}</label>
}
<input
<Input
id={id}
{...field}
{...props}
className={classNames((className || (light ? 'input' : 'input-dark')), {
error: touched[field.name] && errors[field.name],
})}
isLight={light}
hasError={!!(touched[field.name] && errors[field.name])}
/>
{touched[field.name] && errors[field.name] ?
<p className={'input-help error'}>