import React from 'react'; import AdminBox from '@/components/admin/AdminBox'; import tw from 'twin.macro'; import { object } from 'yup'; import updateServer from '@/api/admin/servers/updateServer'; import Field from '@/components/elements/Field'; import SpinnerOverlay from '@/components/elements/SpinnerOverlay'; import { Form, Formik, FormikHelpers, useFormikContext } from 'formik'; import { Context } from '@/components/admin/servers/ServerRouter'; import { ApplicationStore } from '@/state'; import { Actions, useStoreActions } from 'easy-peasy'; import OwnerSelect from '@/components/admin/servers/OwnerSelect'; import Button from '@/components/elements/Button'; import FormikSwitch from '@/components/elements/FormikSwitch'; interface Values { id: number; externalId: string; uuid: string; identifier: string; name: string; description: string; memory: number; swap: number; disk: number; io: number; cpu: number; threads: string; databases: number; allocations: number; backups: number; ownerId: number; nodeId: number; allocationId: number; nestId: number; eggId: number; } const ServerFeatureContainer = () => { const { isSubmitting } = useFormikContext(); const server = Context.useStoreState(state => state.server); if (server === undefined) { return ( <> ); } return (
); }; const ServerResourceContainer = () => { const { isSubmitting } = useFormikContext(); const server = Context.useStoreState(state => state.server); if (server === undefined) { return ( <> ); } return (
); }; const ServerSettingsContainer = () => { const { isSubmitting } = useFormikContext(); const server = Context.useStoreState(state => state.server); if (server === undefined) { return ( <> ); } return (
); }; export default () => { const { clearFlashes, clearAndAddHttpError } = useStoreActions((actions: Actions) => actions.flashes); const server = Context.useStoreState(state => state.server); const setServer = Context.useStoreActions(actions => actions.setServer); if (server === undefined) { return ( <> ); } const submit = (values: Values, { setSubmitting }: FormikHelpers) => { clearFlashes('server'); updateServer(server.id, values) .then(() => setServer({ ...server, ...values })) .catch(error => { console.error(error); clearAndAddHttpError({ key: 'server', error }); }) .then(() => setSubmitting(false)); }; return ( { ({ isSubmitting, isValid }) => (
) }
); };