67 lines
2.3 KiB
TypeScript
67 lines
2.3 KiB
TypeScript
import React from 'react';
|
|
import AdminBox from '@/components/admin/AdminBox';
|
|
import tw from 'twin.macro';
|
|
import Field from '@/components/elements/Field';
|
|
import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
|
|
import { Form, useFormikContext } from 'formik';
|
|
import { Context } from '@/components/admin/nodes/NodeRouter';
|
|
|
|
export default () => {
|
|
const { isSubmitting } = useFormikContext();
|
|
|
|
const node = Context.useStoreState(state => state.node);
|
|
|
|
if (node === undefined) {
|
|
return (
|
|
<></>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<AdminBox title={'Limits'} css={tw`w-full relative`}>
|
|
<SpinnerOverlay visible={isSubmitting}/>
|
|
|
|
<Form css={tw`mb-0`}>
|
|
<div css={tw`md:w-full md:flex md:flex-row mb-6`}>
|
|
<div css={tw`md:w-full md:flex md:flex-col md:mr-4 mb-6 md:mb-0`}>
|
|
<Field
|
|
id={'memory'}
|
|
name={'memory'}
|
|
label={'Memory'}
|
|
type={'number'}
|
|
/>
|
|
</div>
|
|
|
|
<div css={tw`md:w-full md:flex md:flex-col md:ml-4 mb-6 md:mb-0`}>
|
|
<Field
|
|
id={'memoryOverallocate'}
|
|
name={'memoryOverallocate'}
|
|
label={'Memory Overallocate'}
|
|
type={'number'}
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div css={tw`md:w-full md:flex md:flex-row mb-6`}>
|
|
<div css={tw`md:w-full md:flex md:flex-col md:mr-4 mb-6 md:mb-0`}>
|
|
<Field
|
|
id={'disk'}
|
|
name={'disk'}
|
|
label={'Disk'}
|
|
type={'number'}
|
|
/>
|
|
</div>
|
|
|
|
<div css={tw`md:w-full md:flex md:flex-col md:ml-4 mb-6 md:mb-0`}>
|
|
<Field
|
|
id={'diskOverallocate'}
|
|
name={'diskOverallocate'}
|
|
label={'Disk Overallocate'}
|
|
type={'number'}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Form>
|
|
</AdminBox>
|
|
);
|
|
};
|