results.tsx

import { useEffect } from "react";
import { useLocation } from "react-router-dom";
import { openFromOtherPage } from "../utils/openFromOtherpAge";
import { H2 } from "../components/Headings";

export function Results() {
  const location = useLocation();

  useEffect(() => {
      const params = new URLSearchParams(location.search);
      const collapseId = params.get('collapseId');
      const tabId = params.get('tab');

      // Scroll to the section specified by collapseId
      if (collapseId) {
          const collapseElement = document.getElementById(collapseId);
          if (collapseElement) {
              const elementTop = collapseElement.getBoundingClientRect().top + window.pageYOffset;
              const offset = window.innerHeight / 2 - collapseElement.offsetHeight / 2;
              const scrollPosition = elementTop - offset;

              window.scrollTo({
                  top: scrollPosition,
                  behavior: 'smooth',
              });
          }
      }

      // Open the tab specified by tabId
      if (tabId) {
          openFromOtherPage(tabId)({ currentTarget: document.getElementById(tabId)! });
      }
  }, [location.search]);


  return (
    <>
      <H2 id="resultheading" text="Heading" ></H2>
      <div className="row mt-4">
        <div className="col-lg-5">
          <p>test hallo welt</p>
        </div>
      </div>

      <div className="row mt-4">
        <div className="col-lg-8">
          
        </div>

      </div>
    </>
  );
}