mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Jan Prochazka 2020-12-31 18:19:53 +01:00
parent 4cc1da3319
commit fbd254bafc
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/web/src/utility/useStorage.js
View File

@ -11,14 +11,14 @@ export default function useStorage(key, storageObject, initialValue) {
return item ? JSON.parse(item) : initialValue;
} catch (error) {
// If error also return initialValue
console.log(error);
console.error(error);
return initialValue;
}
});
// Return a wrapped version of useState's setter function that ...
// ... persists the new value to localStorage.
const setValue = value => {
const setValue = (value) => {
try {
// Allow value to be a function so we have same API as useState
const valueToStore = value instanceof Function ? value(storedValue) : value;
@ -28,7 +28,8 @@ export default function useStorage(key, storageObject, initialValue) {
storageObject.setItem(key, JSON.stringify(valueToStore));
} catch (error) {
// A more advanced implementation would handle the error case
console.log(error);
console.error(error);
console.log('Error saving storage value', key, value);
}
};

6
packages/web/src/widgets/TabControl.js
View File

@ -80,6 +80,12 @@ export function TabControl({ children, activePageIndex = undefined, activePageLa
}
}, [activePageLabel]);
React.useEffect(() => {
if (childrenArray.length > 0 && (value < 0 || value >= childrenArray.length)) {
setValue(0);
}
});
const theme = useTheme();
// // cleanup closed tabs

10
packages/web/src/widgets/Toolbar.js
View File

@ -142,11 +142,11 @@ export default function ToolBar({ toolbarPortalRef }) {
))}
<ToolbarDropDownButton icon="icon add" text="New">
{config.runAsPortal == false && <DropDownMenuItem onClick={modalState.open}>Connection</DropDownMenuItem>}
<DropDownMenuItem onClick={newQuery}>SQL query</DropDownMenuItem>
{!!currentDatabase && <DropDownMenuItem onClick={newQueryDesign}>Query designer</DropDownMenuItem>}
<DropDownMenuItem onClick={newFreeTable}>Free table editor</DropDownMenuItem>
<DropDownMenuItem onClick={newMarkdown}>Markdown page</DropDownMenuItem>
<DropDownMenuItem onClick={newShell}>JavaScript shell script</DropDownMenuItem>
<DropDownMenuItem onClick={() => newQuery()}>SQL query</DropDownMenuItem>
{!!currentDatabase && <DropDownMenuItem onClick={() => newQueryDesign()}>Query designer</DropDownMenuItem>}
<DropDownMenuItem onClick={() => newFreeTable()}>Free table editor</DropDownMenuItem>
<DropDownMenuItem onClick={() => newMarkdown()}>Markdown page</DropDownMenuItem>
<DropDownMenuItem onClick={() => newShell()}>JavaScript shell script</DropDownMenuItem>
</ToolbarDropDownButton>
<ToolbarButton onClick={showImport} icon="icon import">