EPMRPP-96153 || All Organizations option in the popover is always hig…

…hlighted

app/src/layouts/organizationsControl/organizationsPopover/organizationsPopover.jsx

@@ -31,6 +31,7 @@ import { NavLink } from 'components/main/navLink';
 import { COMMON_LOCALE_KEYS } from 'common/constants/localization';
 import { SIDEBAR_EVENTS } from 'components/main/analytics/events';
 import { useTracking } from 'react-tracking';
+import { locationSelector } from 'controllers/pages/selectors';
 import { OrganizationsItem } from './organizationsItem';
 import styles from './organizationsPopover.scss';
 
@@ -57,6 +58,8 @@ export const OrganizationsPopover = ({ closePopover, closeSidebar }) => {
   const [isSearchEventTriggered, setIsSearchEventTriggered] = useState(false);
   const { trackEvent } = useTracking();
   const maxHeightPopover = window.innerHeight - MARGIN_TOP_AND_MARGIN_BOTTOM;
+  const location = useSelector(locationSelector);
+  const isAllOrganizationPage = location.pathname === '/organizations';
 
   const filteredProjects = useMemo(
     () =>
@@ -126,7 +129,7 @@ export const OrganizationsPopover = ({ closePopover, closeSidebar }) => {
                 onClose();
                 trackEvent(SIDEBAR_EVENTS.CLICK_ALL_ORGANIZATION_PROJECTS);
               }}
-              activeClassName={cx('active')}
+              activeClassName={cx({ active: isAllOrganizationPage })}
             >
               {formatMessage(messages.allOrganizations)}
             </NavLink>