Develop

apps/link/app/(main)/admin/metamigo/[...path]/_components/MetamigoWrapper.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { FC } from "react";
+import getConfig from "next/config";
+import { Grid } from "@mui/material";
+import Iframe from "react-iframe";
+
+type MetamigoWrapperProps = {
+  path: string;
+};
+
+export const MetamigoWrapper: FC<MetamigoWrapperProps> = ({ path }) => {
+  const {
+    publicRuntimeConfig: { linkURL },
+  } = getConfig();
+  const fullMetamigoURL = `${linkURL}/metamigo/${path}`;
+
+  return (
+    <Grid
+      container
+      spacing={0}
+      sx={{ height: "100%", width: "100%" }}
+      direction="column"
+    >
+      <Grid item sx={{ height: "100vh", width: "100%" }}>
+        <Iframe
+          id="link"
+          url={fullMetamigoURL}
+          width="100%"
+          height="100%"
+          frameBorder={0}
+        />
+      </Grid>
+    </Grid>
+  );
+};

apps/link/app/(main)/admin/metamigo/[...path]/page.tsx

@@ -0,0 +1,16 @@
+import { Metadata } from "next";
+import { MetamigoWrapper } from "./_components/MetamigoWrapper";
+
+export const metadata: Metadata = {
+  title: "Metamigo",
+};
+
+type PageProps = {
+  params: {
+    path: string;
+  };
+};
+
+export default function Page({ params: { path } }: PageProps) {
+  return <MetamigoWrapper path={path} />;
+}