fixed theme provider

LiveDuo · Sep 1, 2023 · 565b886 · 565b886
1 parent b5c8123
commit 565b886
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/lib/client/craft/editor/Editor.tsx b/lib/client/craft/editor/Editor.tsx
@@ -10,7 +10,7 @@ import { Container } from '../shared/Container'
 import { loadTemplate, saveTemplateDebounce } from '../utils/fetch'
 import PoweredBy from './PoweredBy'
 
-import { ThemeContext } from '../store'
+import { ThemeContext, ThemeProvider } from '../store'
 
 interface FrameProps {
   data: any
@@ -37,11 +37,13 @@ const FrameEditor: React.FC<FrameProps> = ({ data, standaloneServer }) => {
   }, [])
 
   return !data ? (
-    <Viewport>
-      <Frame>
-        <Element canvas is={Container} children={[]} custom={{ displayName: 'App' }} />
-      </Frame>
-    </Viewport>
+    <ThemeProvider standaloneServer={standaloneServer}>
+      <Viewport>
+        <Frame>
+          <Element canvas is={Container} children={[]} custom={{ displayName: 'App' }} />
+        </Frame>
+      </Viewport>
+    </ThemeProvider>
   ) : (
     <div className="page-container">
       <Frame />

diff --git a/lib/client/craft/index.tsx b/lib/client/craft/index.tsx
@@ -2,8 +2,6 @@ import React from 'react'
 
 import Editor from './editor/Editor'
 
-import { ThemeProvider } from './store'
-
 import './styles/app.css'
 
 interface ContentProviderBaseProps {
@@ -13,11 +11,9 @@ interface ContentProviderBaseProps {
 
 const ContentProviderBase: React.FC<ContentProviderBaseProps> = ({ data, standaloneServer }) => {
   return (
-    <ThemeProvider standaloneServer={standaloneServer}>
-      <div className="h-full h-screen">
-        <Editor data={data} standaloneServer={standaloneServer} />
-      </div>
-    </ThemeProvider>
+    <div className="h-full h-screen">
+      <Editor data={data} standaloneServer={standaloneServer} />
+    </div>
   )
 }