From 08630483ccc11a609ff5f4b83fde57f300a728fd Mon Sep 17 00:00:00 2001
From: JanProgrammierung <jan.lorenz@scilifelab.se>
Date: Tue, 12 Nov 2024 17:00:42 +0100
Subject: [PATCH] Quick fix for iFrame. It has double scrollbars again but it
 works on big screens again

Signed-off-by: JanProgrammierung <jan.lorenz@scilifelab.se>
---
 next-app/src/app/kiarva/layout.tsx | 15 +++++++++++++++
 next-app/src/app/kiarva/page.tsx   | 27 +++++++++++++++++++++++++--
 2 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 next-app/src/app/kiarva/layout.tsx

diff --git a/next-app/src/app/kiarva/layout.tsx b/next-app/src/app/kiarva/layout.tsx
new file mode 100644
index 0000000..9a897f1
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/next-app/src/app/kiarva/page.tsx b/next-app/src/app/kiarva/page.tsx
index 6d8a908..47170b6 100644
--- a/next-app/src/app/kiarva/page.tsx
+++ b/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 {
     </>
   );
 }
+*/