mirror of
https://github.com/kremalicious/umami.git
synced 2024-09-27 11:48:48 +02:00
65 lines
1.6 KiB
JavaScript
65 lines
1.6 KiB
JavaScript
|
import React, { useState } from 'react';
|
||
|
import { Formik, Form, Field } from 'formik';
|
||
|
import Router from 'next/router';
|
||
|
import { post } from 'lib/web';
|
||
|
import Button from 'components/interface/Button';
|
||
|
import FormLayout, {
|
||
|
FormButtons,
|
||
|
FormError,
|
||
|
FormMessage,
|
||
|
FormRow,
|
||
|
} from 'components/layout/FormLayout';
|
||
|
|
||
|
const validate = ({ name, domain }) => {
|
||
|
const errors = {};
|
||
|
|
||
|
if (!name) {
|
||
|
errors.name = 'Required';
|
||
|
}
|
||
|
if (!domain) {
|
||
|
errors.domain = 'Required';
|
||
|
}
|
||
|
|
||
|
return errors;
|
||
|
};
|
||
|
|
||
|
export default function WebsiteForm({ initialValues, onSave, onClose }) {
|
||
|
const [message, setMessage] = useState();
|
||
|
|
||
|
const handleSubmit = async values => {
|
||
|
const response = await post(`/api/website`, values);
|
||
|
|
||
|
if (response) {
|
||
|
onSave();
|
||
|
} else {
|
||
|
setMessage('Something went wrong.');
|
||
|
}
|
||
|
};
|
||
|
|
||
|
return (
|
||
|
<FormLayout>
|
||
|
<Formik initialValues={initialValues} validate={validate} onSubmit={handleSubmit}>
|
||
|
{() => (
|
||
|
<Form>
|
||
|
<FormRow>
|
||
|
<label htmlFor="name">Name</label>
|
||
|
<Field name="name" type="text" />
|
||
|
<FormError name="name" />
|
||
|
</FormRow>
|
||
|
<FormRow>
|
||
|
<label htmlFor="domain">Domain</label>
|
||
|
<Field name="domain" type="text" />
|
||
|
<FormError name="domain" />
|
||
|
</FormRow>
|
||
|
<FormButtons>
|
||
|
<Button type="submit">Save</Button>
|
||
|
<Button onClick={onClose}>Cancel</Button>
|
||
|
</FormButtons>
|
||
|
<FormMessage>{message}</FormMessage>
|
||
|
</Form>
|
||
|
)}
|
||
|
</Formik>
|
||
|
</FormLayout>
|
||
|
);
|
||
|
}
|