dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-21 08:16:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

modal styles

Browse Source
This commit is contained in:
Jan Prochazka
2020-05-13 21:04:13 +02:00
parent 2a0437e8b5
commit 7d844fe892
12 changed files with 142 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/web/src/modals/SaveSqlFileModal.js
View File

@@ -5,6 +5,9 @@ import { FormButtonRow, FormButton, FormTextField, FormSelectField, FormSubmit }
import { TextField } from '../utility/inputs';
import { Formik, Form } from 'formik';
import { useSetSavedSqlFiles } from '../utility/globalState';
import ModalHeader from './ModalHeader';
import ModalContent from './ModalContent';
import ModalFooter from './ModalFooter';
// import FormikForm from '../utility/FormikForm';
export default function SaveSqlFileModal({ storageKey, modalState, name, onSave = undefined }) {
@@ -23,14 +26,15 @@ export default function SaveSqlFileModal({ storageKey, modalState, name, onSave
};
return (
<ModalBase modalState={modalState}>
<h2>Save SQL file</h2>
<ModalHeader modalState={modalState}>Save SQL file</ModalHeader>
<Formik onSubmit={handleSubmit} initialValues={{ name }}>
<Form>
<FormTextField label="File name" name="name" />
<FormButtonRow>
<ModalContent>
<FormTextField label="File name" name="name" />
</ModalContent>
<ModalFooter>
<FormSubmit text="Save" />
</FormButtonRow>
</ModalFooter>
</Form>
</Formik>
</ModalBase>