MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-19 23:03:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

admin(ui): add ability to delete database hosts

Browse Source
This commit is contained in:
Matthew Penner
2021-01-09 10:26:30 -07:00
parent d323662ad5
commit a91cb578d7
2 changed files with 76 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
resources/scripts/components/admin/databases/DatabaseEditContainer.tsx
View File

@@ -1,6 +1,6 @@
import React, { useEffect, useState } from 'react';
import tw from 'twin.macro';
import { useRouteMatch } from 'react-router-dom';
import { useHistory, useRouteMatch } from 'react-router-dom';
import { action, Action, Actions, createContextStore, useStoreActions } from 'easy-peasy';
import { Database } from '@/api/admin/databases/getDatabases';
import getDatabase from '@/api/admin/databases/getDatabase';
@@ -15,6 +15,7 @@ import Field from '@/components/elements/Field';
import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
import { Form, Formik, FormikHelpers } from 'formik';
import updateDatabase from '@/api/admin/databases/updateDatabase';
import DatabaseDeleteButton from '@/components/admin/databases/DatabaseDeleteButton';
interface ctx {
database: Database | undefined;
@@ -38,7 +39,10 @@ interface Values {
}
const EditInformationContainer = () => {
const history = useHistory();
const { clearFlashes, clearAndAddHttpError } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
const database = Context.useStoreState(state => state.database);
const setDatabase = Context.useStoreActions(actions => actions.setDatabase);
@@ -134,10 +138,19 @@ const EditInformationContainer = () => {
</div>
</div>
<div css={tw`mt-6 text-right`}>
<Button type={'submit'} disabled={isSubmitting || !isValid}>
Save
</Button>
<div css={tw`w-full flex flex-row items-center mt-6`}>
<div css={tw`flex`}>
<DatabaseDeleteButton
databaseId={database.id}
onDeleted={() => history.push('/admin/databases')}
/>
</div>
<div css={tw`flex ml-auto`}>
<Button type={'submit'} disabled={isSubmitting || !isValid}>
Save
</Button>
</div>
</div>
</Form>
</AdminBox>