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

#33

Browse Source
This commit is contained in:
Jan Prochazka
2020-09-24 12:49:18 +02:00
parent e9cbd72100
commit 6b04593343
3 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/web/src/sqleditor/ResultTabs.js
View File

@@ -1,19 +1,20 @@
import React from 'react';
import _ from 'lodash';
import { TabPage, TabControl } from '../widgets/TabControl';
import useSocket from '../utility/SocketProvider';
import JslDataGrid from './JslDataGrid';
export default function ResultTabs({ children, sessionId, executeNumber }) {
const socket = useSocket();
const [resultIds, setResultIds] = React.useState([]);
const [resultInfos, setResultInfos] = React.useState([]);
const handleResultSet = React.useCallback((props) => {
const { jslid } = props;
setResultIds((ids) => [...ids, jslid]);
const { jslid, resultIndex } = props;
setResultInfos((array) => [...array, { jslid, resultIndex }]);
}, []);
React.useEffect(() => {
setResultIds([]);
setResultInfos([]);
}, [executeNumber]);
React.useEffect(() => {
@@ -26,11 +27,11 @@ export default function ResultTabs({ children, sessionId, executeNumber }) {
}, [sessionId, socket]);
return (
<TabControl activePageIndex={resultIds.length > 0 ? 1 : 0}>
<TabControl activePageIndex={resultInfos.length > 0 ? 1 : 0}>
{children}
{resultIds.map((jslid, index) => (
<TabPage label={`Result ${index + 1}`} key={index}>
<JslDataGrid jslid={jslid} />
{_.sortBy(resultInfos, 'resultIndex').map((info) => (
<TabPage label={`Result ${info.resultIndex + 1}`} key={info.jslid}>
<JslDataGrid jslid={info.jslid} key={info.jslid} />
</TabPage>
))}
</TabControl>