opencity fix

src/App/App.css

@@ -2437,4 +2437,8 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
 
 #All {
   display: block;
+}
+
+.tabtabs, .tabbys{
+  display: none;
 }
\ No newline at end of file

src/components/Buttons.tsx

@@ -79,11 +79,11 @@ export function HPButtonrow(){
   return(
       <>
       <div className="align-items-center bottom-buttons">
-          <button className="active" onClick={openTab({cityName: "All"})}> All</button>
-          <button  onClick={openTab({cityName: "Patient"})}> Patients</button>
-          <button  onClick={openTab({cityName: "Academia"})}> Academia</button>
-          <button  onClick={openTab({cityName: "Medical"})}> Medical professionals</button>
-          <button  onClick={openTab({cityName: "Industry"})}> Industry</button>
+          <button className="active" onClick={openTab({cityName: "All", cla: "tabtabs"})}> All</button>
+          <button  onClick={openTab({cityName: "Patient", cla: "tabtabs"})}> Patients</button>
+          <button  onClick={openTab({cityName: "Academia", cla: "tabtabs"})}> Academia</button>
+          <button  onClick={openTab({cityName: "Medical", cla: "tabtabs"})}> Medical professionals</button>
+          <button  onClick={openTab({cityName: "Industry", cla: "tabtabs"})}> Industry</button>
       </div>
       </>
   )

src/components/Tabs.tsx

 
-export function BFHStyleTabs({data}: {data: Array<NodeDatensatz>}) {
+export function BFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
     let rows = []
     for ( let i = 0;  i < data.length; i++ ){
       rows.push(
-        <div id={data[i].eid} className="tabcontent">
+        <div id={data[i].eid} className={cla}>
             {data[i].node}
         </div>
       )

src/contents/Bfh.tsx

@@ -64,7 +64,7 @@ export function Bfh() {
 
         </div>
         <div className="col">
-          <BFHStyleTabs data={tabbys}></BFHStyleTabs>
+          <BFHStyleTabs data={tabbys} cla="tabcontent"></BFHStyleTabs>
         </div>
       </div>
       <div className="row">

src/contents/human-practices.tsx

@@ -104,21 +104,21 @@ let tabtabs = [
 ]
 
 export function HumanPractices() {
-  openTab({cityName: "All"}); 
+  openTab({cityName: "All", cla: "tabtabs"}); 
   return (  
     <>
     <HPButtonrow/>
     <AllPopus></AllPopus>
-    <BFHStyleTabs data={tabtabs}></BFHStyleTabs>
-    <BFHStyleTabs data={tabbys}></BFHStyleTabs>
+    <BFHStyleTabs cla="tabtabs" data={tabtabs}></BFHStyleTabs>
+    <BFHStyleTabs cla="tabbys" data={tabbys}></BFHStyleTabs>
     </>
-  );
+  );  
 }
 
-export function openTab({cityName}:{cityName: string}) {
+export function openTab({cityName, cla}:{cityName: string, cla: string}) {
   const opencity =  (event : React.MouseEvent<HTMLButtonElement, MouseEvent>) =>{
     var i, tabcontent, tablinks;
-  tabcontent = document.getElementsByClassName("tabcontent");
+  tabcontent = document.getElementsByClassName(cla);
   for (i = 0; i < tabcontent.length; i++) {
     (tabcontent[i] as HTMLElement).style.display = "none";
   }