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

connection list searchbox

Browse Source
This commit is contained in:
Jan Prochazka
2020-04-01 20:43:47 +02:00
parent f0d81cf7e2
commit 48b33eae14
7 changed files with 186 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/web/src/widgets/DatabaseWidget.js
View File

@@ -24,7 +24,6 @@ const MainContainer = styled.div`
const OuterContainer = styled.div`
flex: 1 1 0;
// min-height: 10px;
overflow: hidden;
width: ${theme.leftPanel.width}px;
position: relative;
@@ -71,16 +70,16 @@ function ConnectionList() {
url: 'connections/list',
reloadTrigger: 'connection-list-changed',
});
const [filter, setFilter] = React.useState('');
return (
<>
<SearchBoxWrapper>
<Input type="text" placeholder="Search" />
<Button>Hide</Button>
<Button>Show</Button>
<Input type="text" placeholder="Search connection" value={filter} onChange={e => setFilter(e.target.value)} />
<Button>Refresh</Button>
</SearchBoxWrapper>
<InnerContainer>
<AppObjectList list={connections} makeAppObj={connectionAppObject} SubItems={SubDatabaseList} />
<AppObjectList list={connections} makeAppObj={connectionAppObject} SubItems={SubDatabaseList} filter={filter} />
</InnerContainer>
</>
);