AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add routing-derived activeTab logic

Browse source 
cgen-0f9520b9fb2144a38517062cc599cbf0
This commit is contained in:
Builder.io 2025-10-13 23:35:42 +00:00
parent 4e0ecc7bd7
commit 5764f6022f
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
client/pages/Community.tsx
View file

@ -1192,6 +1192,30 @@ export default function Community() {
{ id: "cta", label: "Join Us" },
];
const navigate = useNavigate();
const location = useLocation();
const pathSegments = location.pathname.split("/").filter(Boolean);
const candidateTab = pathSegments[1];
const defaultTab = communityTabItems[0]?.id ?? "new-members";
const isValidTab = (value: string | undefined): value is string =>
communityTabItems.some((tab) => tab.id === value);
const activeTab = isValidTab(candidateTab) ? candidateTab : defaultTab;
useEffect(() => {
if (!isValidTab(candidateTab)) {
navigate(`/community/${defaultTab}`, { replace: true });
}
}, [candidateTab, defaultTab, navigate]);
const handleTabChange = (value: string) => {
const nextTab = isValidTab(value) ? value : defaultTab;
if (nextTab !== candidateTab) {
navigate(`/community/${nextTab}`);
}
};
const devConnectHighlights = [
{
title: "Unified Developer Profiles",