App directory refactoring

2023-06-26 10:07:12 +00:00 · 2023-06-26 10:07:12 +00:00 · b312a8c862
commit b312a8c862
parent a53a26f4c0
153 changed files with 1532 additions and 1447 deletions
--- a/apps/link/app/_components/ZammadWrapper.tsx
+++ b/apps/link/app/_components/ZammadWrapper.tsx
@ -0,0 +1,88 @@
+"use client";
+
+import { FC, useState } from "react";
+import getConfig from "next/config";
+import { useRouter } from "next/navigation";
+import Iframe from "react-iframe";
+
+type ZammadWrapperProps = {
+  path: string;
+  hideSidebar?: boolean;
+};
+
+export const ZammadWrapper: FC<ZammadWrapperProps> = ({
+  path,
+  hideSidebar = true,
+}) => {
+  const router = useRouter();
+  const [display, setDisplay] = useState("inherit");
+  //const {
+  //    publicRuntimeConfig: { linkURL },
+  //  } = getConfig();
+  const linkURL = "http://localhost:3000";
+  const url = `${linkURL}/proxy/zammad${path}`;
+  console.log({ url });
+
+  return (
+    // @ts-ignore
+    <Iframe
+      id="zammad"
+      url={url}
+      width="100%"
+      height="100%"
+      frameBorder={0}
+      styles={{ display }}
+      onLoad={() => {
+        const linkElement = document.querySelector("iframe");
+        // const baseElement = linkElement.contentDocument.createElement("base");
+        // baseElement.href = `${linkURL}/proxy/zammad`;
+        if (
+          linkElement.contentDocument &&
+          linkElement.contentDocument?.querySelector &&
+          linkElement.contentDocument.querySelector("#navigation") &&
+          linkElement.contentDocument.querySelector("body") &&
+          linkElement.contentDocument.querySelector(".sidebar")
+        ) {
+          // @ts-ignore
+          linkElement.contentDocument.querySelector("#navigation").style =
+            "display: none";
+          // @ts-ignore
+          linkElement.contentDocument.querySelector("body").style =
+            "font-family: Arial";
+
+          if (hideSidebar) {
+            // @ts-ignore
+            linkElement.contentDocument.querySelector(".sidebar").style =
+              "display: none";
+          }
+
+          // @ts-ignore
+          if (linkElement.contentDocument.querySelector(".overview-header")) {
+            // @ts-ignore
+            (
+              linkElement.contentDocument.querySelector(
+                ".overview-header"
+              ) as any
+            ).style = "display: none";
+          }
+
+          setDisplay("inherit");
+
+          if (linkElement.contentWindow) {
+            linkElement.contentWindow.addEventListener("hashchange", () => {
+              const hash = linkElement.contentWindow?.location?.hash ?? "";
+              if (hash.startsWith("#ticket/zoom/")) {
+                setDisplay("none");
+                const ticketID = hash.split("/").pop();
+                router.push(`/tickets/${ticketID}`);
+                setTimeout(() => {
+                  setDisplay("inherit");
+                }, 1000);
+              }
+            });
+          }
+        }
+      }}
+    />
+  );
+};