goToPageWithTabAndCollapsible

src/utils/useNavigation.ts

@@ -10,6 +10,16 @@ export const useNavigation = () => {
     const goToTextsAndOpenCollapsible = (collapseId: string, path: string) => {
         navigate(`${path}${collapseId}`);
     };
-
-    return { goToPagesAndOpenTab, goToTextsAndOpenCollapsible };
+    const goToPageWithTabAndCollapsible = ({ path, tabId, collapseId }: { path: string, tabId: string, collapseId?: string }) => {
+        const navigate = useNavigate();
+        navigate(`${path}?tab=${tabId}${collapseId ? `&collapseId=${collapseId}` : ''}`);
+    };
+/* <a onClick={() => goToPageWithTabAndCollapsible({
+    path: "/human-practices",
+    tabId: "InvWesthoff",
+    collapseId: "collapse-1"  // ID of the collapsible to open
+})}>
+    Go to Human Practices and Open Collapsible 1
+</a> */
+    return { goToPagesAndOpenTab, goToTextsAndOpenCollapsible, goToPageWithTabAndCollapsible };
 };
\ No newline at end of file