File tree Expand file tree Collapse file tree 1 file changed +4
-18
lines changed
web_ui/src/shared/components/managed-tabs Expand file tree Collapse file tree 1 file changed +4
-18
lines changed Original file line number Diff line number Diff line change @@ -55,25 +55,11 @@ export const ManagedTabs = <T extends { id: string; name: string }>({
5555 tabListClassName,
5656 ariaLabel,
5757} : ManagedTabsProps < T > ) => {
58- const { visibleItems, collapsedItems, hasSelectedCollapsedItem } = ( ( ) => {
59- if ( ! overflow || items . length <= overflow . maxVisibleTabs ) {
60- return {
61- visibleItems : items ,
62- collapsedItems : [ ] ,
63- hasSelectedCollapsedItem : false ,
64- } ;
65- }
58+ const hasOverflow = overflow && items . length > overflow . maxVisibleTabs ;
6659
67- const visible = items . slice ( 0 , overflow . maxVisibleTabs ) ;
68- const collapsed = items . slice ( overflow . maxVisibleTabs ) ;
69- const hasCollapsedSelection = collapsed . some ( ( item ) => item . id === selectedKey ) ;
70-
71- return {
72- visibleItems : visible ,
73- collapsedItems : collapsed ,
74- hasSelectedCollapsedItem : hasCollapsedSelection ,
75- } ;
76- } ) ( ) ;
60+ const visibleItems = hasOverflow ? items . slice ( 0 , overflow . maxVisibleTabs ) : items ;
61+ const collapsedItems = hasOverflow ? items . slice ( overflow . maxVisibleTabs ) : [ ] ;
62+ const hasSelectedCollapsedItem = collapsedItems . some ( ( item ) => item . id === selectedKey ) ;
7763
7864 const tabItems = visibleItems . map ( ( item ) => ( {
7965 id : item . id ,
You can’t perform that action at this time.
0 commit comments