diff --git a/apps/web/app/(use-page-wrapper)/settings/(settings-layout)/SettingsLayoutAppDirClient.tsx b/apps/web/app/(use-page-wrapper)/settings/(settings-layout)/SettingsLayoutAppDirClient.tsx index 3d2c06c300..59e16017d0 100644 --- a/apps/web/app/(use-page-wrapper)/settings/(settings-layout)/SettingsLayoutAppDirClient.tsx +++ b/apps/web/app/(use-page-wrapper)/settings/(settings-layout)/SettingsLayoutAppDirClient.tsx @@ -375,22 +375,26 @@ const TeamListCollapsible = ({ teamFeatures }: { teamFeatures?: Record(); const searchParams = useCompatSearchParams(); + const pathname = usePathname(); const searchParamsId = searchParams?.get("id"); + const pathTeamId = pathname?.match(/\/settings\/teams\/(\d+)/)?.[1]; + const activeTeamId = pathTeamId || searchParamsId; + useEffect(() => { if (teams) { const teamStates = teams?.map((team) => ({ teamId: team.id, - teamMenuOpen: String(team.id) === searchParamsId, + teamMenuOpen: String(team.id) === activeTeamId, })); setTeamMenuState(teamStates); - setTimeout(() => { - const tabMembers = Array.from(document.getElementsByTagName("a")).filter( - (bottom) => bottom.dataset.testid === "vertical-tab-Members" - )[1]; - tabMembers?.scrollIntoView({ behavior: "smooth" }); - }, 100); + if (activeTeamId) { + setTimeout(() => { + const teamTrigger = document.querySelector(`[aria-controls="team-content-${activeTeamId}"]`); + teamTrigger?.scrollIntoView({ behavior: "smooth", block: "center" }); + }, 100); + } } - }, [searchParamsId, teams]); + }, [activeTeamId, teams]); return ( <>