diff --git a/services/web/frontend/js/features/project-list/components/project-list-events.ts b/services/web/frontend/js/features/project-list/components/project-list-events.ts index 03e426bc7e..eda62016ed 100644 --- a/services/web/frontend/js/features/project-list/components/project-list-events.ts +++ b/services/web/frontend/js/features/project-list/components/project-list-events.ts @@ -1,4 +1,5 @@ import { useCallback } from 'react' +import { useSplitTestContext } from '@/shared/context/split-test-context' import { sendMB } from '@/infrastructure/event-tracking' export type ExtraSegmentations = { @@ -38,11 +39,16 @@ export type ExtraSegmentations = { } export const useSendProjectListMB = () => { + const { splitTestVariants } = useSplitTestContext() + const hasDsNav = splitTestVariants['sidebar-navigation-ui-update'] as + | 'default' + | 'active' return useCallback( ( event: T, payload: ExtraSegmentations[T] - ) => sendMB(event, payload), - [] + ) => + sendMB(event, { ...payload, 'sidebar-navigation-ui-update': hasDsNav }), + [hasDsNav] ) } diff --git a/services/web/frontend/js/features/project-list/components/project-list-root.tsx b/services/web/frontend/js/features/project-list/components/project-list-root.tsx index abb26d3b71..420b2454ab 100644 --- a/services/web/frontend/js/features/project-list/components/project-list-root.tsx +++ b/services/web/frontend/js/features/project-list/components/project-list-root.tsx @@ -20,7 +20,7 @@ import ProjectListDefault from '@/features/project-list/components/project-list- import { ProjectListDsNav } from '@/features/project-list/components/project-list-ds-nav' import { DsNavStyleProvider, - hasDsNav, + useIsDsNav, } from '@/features/project-list/components/use-is-ds-nav' function ProjectListRoot() { @@ -82,6 +82,8 @@ function ProjectListPageContent() { const { t } = useTranslation() + const hasDsNav = useIsDsNav() + if (isLoading) { const loadingComponent = ( diff --git a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx index 58b17a0de9..799ccbd6f3 100644 --- a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx +++ b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx @@ -5,7 +5,7 @@ import { } from '../../context/project-list-context' import TagsList from './tags-list' import ProjectsFilterMenu from '../projects-filter-menu' -import { hasDsNav } from '@/features/project-list/components/use-is-ds-nav' +import { useIsDsNav } from '@/features/project-list/components/use-is-ds-nav' type SidebarFilterProps = { filter: Filter @@ -30,6 +30,7 @@ export function SidebarFilter({ filter, text }: SidebarFilterProps) { export default function SidebarFilters() { const { t } = useTranslation() + const hasDsNav = useIsDsNav() return (