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

statusbar - show current database

Browse Source
This commit is contained in:
Jan Prochazka
2020-04-04 17:33:38 +02:00
parent 92bbf2fa7c
commit 7de37ad7e5
14 changed files with 158 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/web/src/widgets/Toolbar.js
View File

@@ -3,6 +3,7 @@ import useModalState from '../modals/useModalState';
import ConnectionModal from '../modals/ConnectionModal';
import styled from 'styled-components';
import ToolbarButton from './ToolbarButton';
import useNewQuery from '../query/useNewQuery';
const ToolbarContainer = styled.div`
display: flex;
@@ -11,11 +12,13 @@ const ToolbarContainer = styled.div`
export default function ToolBar({ toolbarPortalRef }) {
const modalState = useModalState();
const newQuery = useNewQuery();
return (
<ToolbarContainer>
<ConnectionModal modalState={modalState} />
<ToolbarButton onClick={modalState.open}>Add connection</ToolbarButton>
<ToolbarButton onClick={newQuery}>Query</ToolbarButton>
<ToolbarContainer ref={toolbarPortalRef}></ToolbarContainer>
</ToolbarContainer>
);