|
|
@ -35,6 +35,7 @@ function App() {
|
|
|
|
const [statusMessage, setStatusMessage] = useState('');
|
|
|
|
const [statusMessage, setStatusMessage] = useState('');
|
|
|
|
const [errorMessage, setErrorMessage] = useState([]);
|
|
|
|
const [errorMessage, setErrorMessage] = useState([]);
|
|
|
|
const [queryResults, setQueryResults] = useState(null);
|
|
|
|
const [queryResults, setQueryResults] = useState(null);
|
|
|
|
|
|
|
|
const [queryId, setQueryId] = useState(0);
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
useEffect(() => {
|
|
|
|
init().then(() => {
|
|
|
|
init().then(() => {
|
|
|
@ -76,7 +77,7 @@ function App() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
async function handleQuery() {
|
|
|
|
function handleQuery() {
|
|
|
|
if (!db) {
|
|
|
|
if (!db) {
|
|
|
|
setInProgress(false);
|
|
|
|
setInProgress(false);
|
|
|
|
setErrorMessage([]);
|
|
|
|
setErrorMessage([]);
|
|
|
@ -84,6 +85,7 @@ function App() {
|
|
|
|
setQueryResults(null);
|
|
|
|
setQueryResults(null);
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
setQueryId(queryId + 1);
|
|
|
|
const query = queryText.trim();
|
|
|
|
const query = queryText.trim();
|
|
|
|
if (query) {
|
|
|
|
if (query) {
|
|
|
|
setInProgress(true);
|
|
|
|
setInProgress(true);
|
|
|
@ -200,6 +202,7 @@ function App() {
|
|
|
|
</pre> : null}
|
|
|
|
</pre> : null}
|
|
|
|
{queryResults ? (queryResults.rows && queryResults.headers ?
|
|
|
|
{queryResults ? (queryResults.rows && queryResults.headers ?
|
|
|
|
<Table2
|
|
|
|
<Table2
|
|
|
|
|
|
|
|
cellRendererDependencies={queryResults.rows}
|
|
|
|
numRows={queryResults.rows.length}
|
|
|
|
numRows={queryResults.rows.length}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{queryResults.headers.map((n, idx) => <Column
|
|
|
|
{queryResults.headers.map((n, idx) => <Column
|
|
|
|