Skip to content

F
frontend
Commit 3e0134e7 authored by tom's avatar tom
Browse files
Options

more improvements

parent 54e7744e
Hide whitespace changes
Inline Side-by-side
Showing with 5 additions and 1 deletion
ui/shared/RoutedTabs/useAdaptiveTabs.tsx
View file @ 3e0134e7
...@@ -57,6 +57,10 @@ export default function useAdaptiveTabs(tabs: Array<RoutedTab>) { ...@@ -57,6 +57,10 @@ export default function useAdaptiveTabs(tabs: Array<RoutedTab>) {
}, [ calculateCut, tabsRefs ]); }, [ calculateCut, tabsRefs ]);
React.useEffect(() => { React.useEffect(() => {
if (tabsRefs.length === 0) {
return;
}
const resizeHandler = _debounce(() => { const resizeHandler = _debounce(() => {
setTabsCut(calculateCut()); setTabsCut(calculateCut());
}, 100); }, 100);
...@@ -66,7 +70,7 @@ export default function useAdaptiveTabs(tabs: Array<RoutedTab>) { ...@@ -66,7 +70,7 @@ export default function useAdaptiveTabs(tabs: Array<RoutedTab>) {
return function cleanup() { return function cleanup() {
resizeObserver.unobserve(document.body); resizeObserver.unobserve(document.body);
}; };
}, [ calculateCut ]); }, [ calculateCut, tabsRefs.length ]);
return React.useMemo(() => { return React.useMemo(() => {
return { return {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment