update folder structure

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);

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,7 +90,6 @@ const WidgetPage = () => {
     if (!inIframe()) push("/");
   }, [collapsedNodes, collapsedEdges, loading, push]);
 
-
   React.useEffect(() => {
     const handler = (event: EmbedMessage) => {
       try {
@@ -100,11 +99,13 @@ const WidgetPage = () => {
 
         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 (