Merge pull request #87 from ScilifelabDataCentre/fix-kiarva-frame

Quick fix for iFrame. It has double scrollbars again but it works on …

next-app/src/app/kiarva/layout.tsx

@@ -0,0 +1,15 @@
+export default function Layout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <div className="kiarva-page h-screen flex flex-col overflow-hidden h-screen overflow-hidden w-screen relative -ml-[50vw] left-1/2">
+      <main className="flex-1 overflow-hidden">
+        <section className="outer w-[100%] h-[100%] overflow-hidden">
+          {children}
+        </section>
+      </main>
+    </div>
+  );
+}

next-app/src/app/kiarva/page.tsx

@@ -5,6 +5,28 @@ import { TrackPageViewIfEnabled } from "@/util/cookiesHandling";
 
 // simport Iframe from "react-iframe";
 
+export default function KiarvaIFramePage(): ReactElement {
+  TrackPageViewIfEnabled();
+
+  const kiarva_hostname = "https://kiarva.scilifelab.se/";
+
+  return (
+    <iframe
+      src={kiarva_hostname}
+      className="w-screen h-screen overflow-auto"
+    ></iframe>
+  );
+} /*
+
+// The following code is not used in the current version of the app. It is kept here for reference.
+/*
+"use client";
+
+import { ReactElement } from "react";
+import { TrackPageViewIfEnabled } from "@/util/cookiesHandling";
+
+// simport Iframe from "react-iframe";
+
 export default function KiarvaIFramePage(): ReactElement {
   TrackPageViewIfEnabled();
 
@@ -14,8 +36,8 @@ export default function KiarvaIFramePage(): ReactElement {
     <>
       <style jsx>{`
         .kiarva-page {
-          height: 100vh; /* Full page height */
-          overflow: hidden; /* Prevent scrollbars for the page */
+          height: 100vh; /* Full page height */ /*
+          overflow: hidden; /* Prevent scrollbars for the page */ /*
         }
       `}</style>
       <div className="kiarva-page h-screen flex flex-col overflow-hidden">
@@ -48,3 +70,4 @@ export default function KiarvaIFramePage(): ReactElement {
     </>
   );
 }
+*/