opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-28 17:53:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: dynamic import query drawer

Browse Source
This commit is contained in:
steven
2023-03-28 17:15:51 +08:00
parent 55a2f99e2d
commit 27f70cd3ef
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/QueryDrawer.tsx
View File

@ -12,9 +12,9 @@ type RawQueryResult = {
const QueryDrawer = () => {
const queryStore = useQueryStore();
const context = queryStore.context;
const [rawResults, setRawResults] = useState<RawQueryResult[]>([]);
const [isLoading, setIsLoading] = useState(true);
const context = queryStore.context;
const columns = Object.keys(head(rawResults) || {}).map((key) => {
return {
name: key,
@ -23,6 +23,10 @@ const QueryDrawer = () => {
});
useEffect(() => {
if (!queryStore.showDrawer) {
return;
}
if (!context) {
toast.error("No execution context found.");
setIsLoading(false);
@ -56,7 +60,7 @@ const QueryDrawer = () => {
};
executeStatement();
}, [context]);
}, [context, queryStore.showDrawer]);
const close = () => queryStore.toggleDrawer(false);