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

reference manager control design

Browse Source
This commit is contained in:
Jan Prochazka
2020-05-09 22:15:51 +02:00
parent 9284861c35
commit 8f8dd15c04
7 changed files with 216 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/web/src/widgets/FilesWidget.js
View File

@@ -5,7 +5,14 @@ import _ from 'lodash';
import { AppObjectList } from '../appobj/AppObjectList';
import { useOpenedTabs, useSavedSqlFiles } from '../utility/globalState';
import openedTabAppObject from '../appobj/openedTabAppObject';
import { SearchBoxWrapper, InnerContainer, Input, MainContainer, OuterContainer, WidgetTitle } from './WidgetStyles';
import {
SearchBoxWrapper,
WidgetsInnerContainer,
Input,
WidgetsMainContainer,
WidgetsOuterContainer,
WidgetTitle,
} from './WidgetStyles';
import savedSqlFileAppObject from '../appobj/savedSqlFileAppObject';
function OpenedTabsList() {
@@ -14,9 +21,9 @@ function OpenedTabsList() {
return (
<>
<WidgetTitle>Opened tabs</WidgetTitle>
<InnerContainer>
<WidgetsInnerContainer>
<AppObjectList list={tabs} makeAppObj={openedTabAppObject()} />
</InnerContainer>
</WidgetsInnerContainer>
</>
);
}
@@ -27,22 +34,22 @@ function SavedSqlFilesList() {
return (
<>
<WidgetTitle>Saved SQL files</WidgetTitle>
<InnerContainer>
<WidgetsInnerContainer>
<AppObjectList list={files} makeAppObj={savedSqlFileAppObject()} />
</InnerContainer>
</WidgetsInnerContainer>
</>
);
}
export default function FilesWidget() {
return (
<MainContainer>
<OuterContainer>
<WidgetsMainContainer>
<WidgetsOuterContainer>
<OpenedTabsList />
</OuterContainer>
<OuterContainer>
</WidgetsOuterContainer>
<WidgetsOuterContainer>
<SavedSqlFilesList />
</OuterContainer>
</MainContainer>
</WidgetsOuterContainer>
</WidgetsMainContainer>
);
}