import React from 'react'; import AdminBox from '@/components/admin/AdminBox'; import tw from 'twin.macro'; import { object, string } from 'yup'; import updateNode from '@/api/admin/nodes/updateNode'; import Field from '@/components/elements/Field'; import SpinnerOverlay from '@/components/elements/SpinnerOverlay'; import { Field as FormikField, Form, Formik, FormikHelpers } from 'formik'; import { Context } from '@/components/admin/nodes/NodeEditContainer'; import { ApplicationStore } from '@/state'; import { Actions, useStoreActions } from 'easy-peasy'; import LocationSelect from '@/components/admin/nodes/LocationSelect'; import DatabaseSelect from '@/components/admin/nodes/DatabaseSelect'; import Label from '@/components/elements/Label'; interface Values { public: boolean; name: string; description: string; locationId: number; databaseHostId: number | null; fqdn: string; scheme: string; behindProxy: boolean; } export default () => { const { clearFlashes, clearAndAddHttpError } = useStoreActions((actions: Actions) => actions.flashes); const node = Context.useStoreState(state => state.node); const setNode = Context.useStoreActions(actions => actions.setNode); if (node === undefined) { return ( <> ); } const submit = ({ name, description, locationId, databaseHostId, fqdn, scheme, behindProxy }: Values, { setSubmitting }: FormikHelpers) => { clearFlashes('node'); updateNode(node.id, { name, description, locationId, databaseHostId, fqdn, scheme, behindProxy }) .then(() => setNode({ ...node, name, description, locationId, fqdn, scheme, behindProxy })) .catch(error => { console.error(error); clearAndAddHttpError({ key: 'node', error }); }) .then(() => setSubmitting(false)); }; return ( { ({ isSubmitting }) => (
) }
); };