<commit_before>import React from 'react';
import styled from 'styled-components';
import { darken } from 'polished';
import { Flex, Box, Label, Text, Button } from 'rebass';
import Input from "~/components/input";
import { curry } from 'ramda';
import { withHandlers, withState, withStateHandlers, compose } from 'recompose';
import { dripFormField, dripForm } from 'react-drip-form';
import { fontSize, color } from 'styled-system';
let ErrorBox = styled.span`
    ${color};
    ${fontSize};
`

ErrorBox.defaultProps =
{
    color : "danger",
    fontSize: 1
}

const Field = ({meta, input, ...props}) => {
    const invalid = (meta.error && meta.touched && meta.dirty) ? true : false;
    return (
    <Box mb={2}>
        <Label htmlFor={meta.name}>{meta.label}</Label>
        <Input id={meta.name} {...input} invalid={invalid} {...props} />
        { invalid &&
         <ErrorBox>{meta.error}</ErrorBox>
        }
    </Box>
)};

const FormField = dripFormField()(Field);

const ContactForm = ({ handlers, meta, submitting, ...rest }) => { 
    const { invalid, pristine } = meta;

    return (
        <form onSubmit={handlers.onSubmit}>
            <FormField label="<NAME>" name="firstName" />
            <FormField label="<NAME>" name="lastName"  />
            <FormField label="Email" name="email"  />
            <FormField label="Phone Number" name="phone"  />
            <FormField label="Country of passport" name="country"   />
            <FormField label="Details of your enquiry" type="textarea" name="enquiry"  />
            <Flex justify="flex-end">
                <Button bg="neutralAccent" disabled={ invalid || pristine || submitting } >Submit</Button>
            </Flex>
        </form>
    )
}
<commit_msg>chore(contact) increase enquiry texarea size<commit_after>import React from 'react';
import styled from 'styled-components';
import { darken } from 'polished';
import { Flex, Box, Label, Text, Button } from 'rebass';
import Input from "~/components/input";
import { curry } from 'ramda';
import { withHandlers, withState, withStateHandlers, compose } from 'recompose';
import { dripFormField, dripForm } from 'react-drip-form';
import { fontSize, color } from 'styled-system';
let ErrorBox = styled.span`
    ${color};
    ${fontSize};
`

ErrorBox.defaultProps =
{
    color : "danger",
    fontSize: 1
}

const Field = ({meta, input, ...props}) => {
    const invalid = (meta.error && meta.touched && meta.dirty) ? true : false;
    return (
    <Box mb={2}>
        <Label htmlFor={meta.name}>{meta.label}</Label>
        <Input id={meta.name} {...input} invalid={invalid} {...props} />
        { invalid &&
         <ErrorBox>{meta.error}</ErrorBox>
        }
    </Box>
)};

const FormField = dripFormField()(Field);

const ContactForm = ({ handlers, meta, submitting, ...rest }) => { 
    const { invalid, pristine } = meta;

    return (
        <form onSubmit={handlers.onSubmit}>
            <FormField label="First Name" name="firstName" />
            <FormField label="<NAME>" name="lastName"  />
            <FormField label="Email" name="email"  />
            <FormField label="Phone Number" name="phone"  />
            <FormField label="Country of passport" name="country"   />
            <FormField label="Details of your enquiry" type="textarea" rows={10} name="enquiry"  />
            <Flex justify="flex-end">
                <Button bg="neutralAccent" disabled={ invalid || pristine || submitting } >Submit</Button>
            </Flex>
        </form>
    )
}

{'fraction_non_alphanumeric': 0.16160181766543597, 'fraction_numerical': 0.0017040613462084636, 'mean_word_length': 2.8660812294182216, 'pattern_counts': {'":': 0, '<': 44, '<?xml version=': 0, '>': 48, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3615460', 'n_tokens_mistral': 1088, 'n_tokens_neox': 1042, 'n_words': 270}