wied erhergestellt

src/utils/TabNavigation.tsx

 import { useEffect, useState } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
-import { openFromOtherPage } from './openFromOtherpAge';
 import { useLoading } from './LoadingContext';
+import { openFromOtherPage } from './openFromOtherpAge';
 
-// Funktion, um den Haupttab zu öffnen
+// function to open main tab
 export const openTab = (tabId: string, tabClass: string) => {
   console.log((document.getElementById(tabId) as HTMLElement).classList[1])
   console.log(`tabclass is ${tabClass}`)
@@ -12,7 +12,6 @@ export const openTab = (tabId: string, tabClass: string) => {
     (tabs[index] as HTMLElement).style.display = 'none';
     
   }
-
   const selectedTab = document.getElementById(tabId);
   if (selectedTab) {
     selectedTab.style.display = 'block';

src/utils/openFromOtherpAge.ts

+export function openFromOtherPage(it: string, openclass?: string) {
+    var opcla: string; 
+    if (openclass){
+        opcla = openclass;
+    }
+    else{
+        opcla = "cycletab"; 
+    }
+    return (event: React.MouseEvent<HTMLElement> | { currentTarget: HTMLElement }) => {
+      // Get all elements with class "cycletab" and hide them
+      let tabcontent = document.getElementsByClassName(opcla);
+      /* let subtabcontent = document.getElementsByClassName("subcycletab"); */
+      for (let i = 0; i < tabcontent.length; i++) {
+          (tabcontent[i] as HTMLElement).style.display = "none";
+      }
+      /* for (let i = 0; i < subtabcontent.length; i++) {
+        (subtabcontent[i] as HTMLElement).style.display = "none";
+    } */
+      
+      // Show the specific tab content based on the "it" parameter
+      const tabToOpen = document.getElementById(it);
+      if (tabToOpen) {
+          tabToOpen.style.display = "block";
+  
+          // Scroll the tab content into view
+          const elementTop = tabToOpen.getBoundingClientRect().top + window.pageYOffset;
+          const offset = window.innerHeight / 2 - tabToOpen.offsetHeight / 2;
+          const scrollPosition = elementTop - offset;
+  
+          window.scrollTo({
+              top: scrollPosition,
+              behavior: 'smooth',
+          });
+      }
+      // Optionally, add an "active" class to the clicked button (if needed)
+    const tabs = document.querySelectorAll('.btn-new');
+    tabs.forEach(tab => tab.classList.remove('active'));
+
+    if (event.currentTarget) {
+        event.currentTarget.classList.add('active');
+    }
+
+    }
+}
\ No newline at end of file