diff --git a/services/web/frontend/js/features/ide-redesign/components/rail/rail-overflow-dropdown.tsx b/services/web/frontend/js/features/ide-redesign/components/rail/rail-overflow-dropdown.tsx index 2323157dc0..abf6572bae 100644 --- a/services/web/frontend/js/features/ide-redesign/components/rail/rail-overflow-dropdown.tsx +++ b/services/web/frontend/js/features/ide-redesign/components/rail/rail-overflow-dropdown.tsx @@ -2,6 +2,7 @@ import { DropdownMenu } from '@/shared/components/dropdown/dropdown-menu' import { RailTabKey } from '../../contexts/rail-context' import { RailElement } from '../../utils/rail-types' import RailTab from './rail-tab' +import { shouldIncludeRailTab } from '../../utils/rail-utils' export default function RailOverflowDropdown({ tabs, @@ -15,7 +16,7 @@ export default function RailOverflowDropdown({ return ( {tabs - .filter(({ hide }) => !hide) + .filter(shouldIncludeRailTab) .map(({ icon, key, indicator, title, disabled }) => ( {railTabs - .filter(({ hide }) => { - return typeof hide === 'function' ? !hide() : !hide - }) + .filter(shouldIncludeRailTab) .map(({ key, component, mountOnFirstLoad }) => ( { useEffect(() => { const validTabKeys = railTabs - .filter(tab => (typeof tab.hide === 'function' ? !tab.hide() : !tab.hide)) + .filter(shouldIncludeRailTab) .map(tab => tab.key) if (!validTabKeys.includes(selectedTab) && isOpen) { // If the selected tab is no longer valid (e.g. due to permissions changes), @@ -224,9 +225,7 @@ export const RailLayout = () => {