export default function CreatePlayer()

in databases/hello-app-cloud-spanner/client/src/components/CreatePlayer.js [23:48]

• 24 lines of code
• 2 McCabe index (conditional complexity)

export default function CreatePlayer({setError, players, setPlayers}) {
    const [firstName, setFirstName] = useState('');
    const [lastName, setLastName] = useState('');
    const [birthDate, setBirthDate] = useState('');

    const handleSubmit = async function(event) {
        event.preventDefault();
        try {
            const response = await createPlayer({
                firstName, lastName,
                birthDate: dayjs(new Date(birthDate)).format("YYYY-MM-DD")
            });
            setError('');
            setFirstName('');
            setLastName('');
            setBirthDate('');
            setPlayers([...players, response.data]);
        } catch (error) {
            setError(error.response.data.error);
        }
    };

    return <form onSubmit={handleSubmit}>
        <Grid container direction="row" justifyContent="space-between" alignItems="center">
            <Grid item xs={3}>
                <TextField label="First name" onChange={e => setFirstName(e.target.value)} value={firstName} />