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

resizable widgets in grid

Browse Source
This commit is contained in:
Jan Prochazka
2020-11-05 12:33:31 +01:00
parent 7888cf6714
commit f5e243a77f
7 changed files with 18 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/widgets/WidgetColumnBar.js
View File

@@ -42,7 +42,7 @@ export default function WidgetColumnBar({ children }) {
const childArray = _.isArray(children) ? children : [children];
const [refNode, dimensions] = useDimensions();
const [collapsedWidgets, setCollapsedWidgets] = React.useState(() =>
childArray.filter((x) => x.props.collapsed).map((x) => x.props.key)
childArray.filter((x) => x && x.props.collapsed).map((x) => x.props.key)
);
const toggleCollapsed = (name) => {
if (collapsedWidgets.includes(name)) setCollapsedWidgets(collapsedWidgets.filter((x) => x != name));
@@ -62,7 +62,7 @@ export default function WidgetColumnBar({ children }) {
widget={widget}
key={widget.props.name}
initialSize={widget.props.height}
splitterVisible={!!childArray.slice(index + 1).find((x) => !collapsedWidgets.includes(x.props.name))}
splitterVisible={!!childArray.slice(index + 1).find((x) => x && !collapsedWidgets.includes(x.props.name))}
/>
</>
);