import React, { useState } from 'react'; import Button from '@/components/elements/Button'; import Field from '@/components/elements/Field'; import Modal from '@/components/elements/Modal'; import FlashMessageRender from '@/components/FlashMessageRender'; import useFlash from '@/plugins/useFlash'; import { Form, Formik, FormikHelpers } from 'formik'; import tw from 'twin.macro'; import { object } from 'yup'; interface Values { description: string, } const schema = object().shape({ }); export default () => { const [ visible, setVisible ] = useState(false); const { clearFlashes } = useFlash(); const submit = (values: Values, { setSubmitting }: FormikHelpers) => { clearFlashes('api:create'); setSubmitting(true); setTimeout(() => { setVisible(false); }, 500); }; return ( <> { ({ isSubmitting, resetForm }) => ( { resetForm(); setVisible(false); }} >

New API Key

Permissions

None Read Write

Allocations

Databases

Eggs

Locations

) }
); };