Przeglądaj źródła

update folder structure

AykutSarac 2 lat temu
rodzic
commit
a8167f53d6
4 zmienionych plików z 7 dodań i 12 usunięć
  1. 0 6
      next.config.js
  2. 0 0
      src/pages/editor.tsx
  3. 0 0
      src/pages/embed.tsx
  4. 7 6
      src/pages/widget.tsx

+ 0 - 6
next.config.js

@@ -10,12 +10,6 @@ const withPWA = require("next-pwa")({
  */
 const nextConfig = {
   reactStrictMode: true,
-  exportPathMap: async () => ({
-    "/": { page: "/" },
-    "/editor": { page: "/Editor" },
-    "/widget": { page: "/Widget" },
-    "/embed": { page: "/Embed" },
-  }),
 };
 
 module.exports = withPWA(nextConfig);

+ 0 - 0
src/pages/Editor/index.tsx → src/pages/editor.tsx


+ 0 - 0
src/pages/Embed/index.tsx → src/pages/embed.tsx


+ 7 - 6
src/pages/Widget/index.tsx → src/pages/widget.tsx

@@ -3,11 +3,11 @@ import dynamic from "next/dynamic";
 import { useRouter } from "next/router";
 import toast from "react-hot-toast";
 import { baseURL } from "src/constants/data";
+import { darkTheme, lightTheme } from "src/constants/theme";
 import { NodeModal } from "src/containers/Modals/NodeModal";
 import useGraph from "src/store/useGraph";
 import { parser } from "src/utils/jsonParser";
 import styled, { ThemeProvider } from "styled-components";
-import { darkTheme, lightTheme } from "src/constants/theme";
 
 const Graph = dynamic<any>(() => import("src/components/Graph").then(c => c.Graph), {
   ssr: false,
@@ -90,21 +90,22 @@ const WidgetPage = () => {
     if (!inIframe()) push("/");
   }, [collapsedNodes, collapsedEdges, loading, push]);
 
-
   React.useEffect(() => {
     const handler = (event: EmbedMessage) => {
       try {
         if (!event.data?.json) return;
-        
+
         const { nodes, edges } = parser(event.data.json);
 
         const options = {
           direction: "RIGHT",
-          ...event.data.options
+          theme,
+          ...event.data.options,
         };
 
         setGraphValue("direction", options.direction);
-        if (options.theme === "light" || options.theme === "dark") setTheme(options.theme);
+        if (options.theme === "light" || options.theme === "dark")
+          setTheme(options.theme);
 
         setGraphValue("nodes", nodes);
         setGraphValue("edges", edges);
@@ -116,7 +117,7 @@ const WidgetPage = () => {
 
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
-  }, [setGraphValue]);
+  }, [setGraphValue, theme]);
 
   if (query.json)
     return (