load database list

This commit is contained in:
Jan Prochazka
2020-01-05 10:25:10 +01:00
parent 0e860e8ba3
commit c87463f45e
7 changed files with 74 additions and 14 deletions

View File

@@ -2,8 +2,18 @@ import React from 'react';
import useModalState from '../modals/useModalState';
import ConnectionModal from '../modals/ConnectionModal';
import useFetch from '../utility/useFetch';
import { AppObjectList } from '../appobj/AppObjects';
import { AppObjectList } from '../appobj/AppObjectList';
import connectionAppObject from '../appobj/connectionAppObject';
import databaseAppObject from '../appobj/databaseAppObject';
function SubDatabaseList({ data }) {
const { _id } = data;
const databases = useFetch({
url: `server-connections/list-databases?id=${_id}`,
reloadTrigger: `database-list-changed-${_id}`,
});
return <AppObjectList list={databases} makeAppObj={databaseAppObject} />
}
export default function DatabaseWidget() {
const modalState = useModalState();
@@ -15,7 +25,7 @@ export default function DatabaseWidget() {
<>
<ConnectionModal modalState={modalState} />
<button onClick={modalState.open}>Add connection</button>
<AppObjectList list={connections} makeAppObj={connectionAppObject} />
<AppObjectList list={connections} makeAppObj={connectionAppObject} SubItems={SubDatabaseList} />
</>
);
}