diff --git a/userfiles/modules/microweber/api/live-edit-app/app.tsx b/userfiles/modules/microweber/api/live-edit-app/app.tsx
index c9a29d50773..02719d93ef8 100644
--- a/userfiles/modules/microweber/api/live-edit-app/app.tsx
+++ b/userfiles/modules/microweber/api/live-edit-app/app.tsx
@@ -1,22 +1,15 @@
-
-import React, { useEffect, useRef , useContext} from 'react';
+import React, { useEffect, useRef , useContext, createContext} from 'react';
import { createRoot } from 'react-dom/client'
-import Game from './test'
-import ServiceContainer from './components/ServiceContainer'
-import LiveEditorFrame from './components/LiveEditorFrame'
import Test from './components/Test'
-
-import './style.css'
-import LiveEditor from "./components/LiveEditorFrame";
+import './style.css'
export default function LiveEditApp(){
return(
<>
-
-
-
+
>
+
);
}
diff --git a/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx b/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx
index 4be1c4adc81..026692c74c6 100644
--- a/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx
+++ b/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx
@@ -1,9 +1,8 @@
import React, { useEffect, useRef,useState,createContext,useContext} from 'react';
-import LiveEdit from '../../liveedit2/@live.js'
+import LiveEdit from '../../liveedit2/@live.js'
-
-function LiveEditor() {
+function LiveEditorFrame() {
const frameRef = useRef(null);
const frameUrl = useRef(null);
const frameHolderRef = useRef(null);
@@ -37,17 +36,11 @@ function LiveEditor() {
liveEdit.moduleHandle.on('targetChange', function (target) {
});
- const LiveEditContext = createContext(liveEdit);
-
-
- // const theme = useContext(LiveEditContext);
- liveEdit.name = 'liveEdit';
mw.spinner({
element: frameHolder
}).remove();
- //window.liveEditApp.register(liveEdit);
mw.trigger('LiveEdit::ready', liveEdit);
});
@@ -66,4 +59,4 @@ function LiveEditor() {
);
}
-export default LiveEditor;
+export default LiveEditorFrame;
diff --git a/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx b/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx
index 685267ef878..55312fbf9de 100644
--- a/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx
+++ b/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx
@@ -1,20 +1,22 @@
import React, { useEffect, useRef,useState,createContext,useContext} from 'react';
-
-const LiveEditContext = createContext();
+import {LiveEditContext} from "./contexts/live-edit-context";
function Test() {
const frameRef = useRef(null);
const frameUrl = useRef(null);
const frameHolderRef = useRef(null);
const [frameSrc, setFrameSrc] = useState(null);
- const theme = useContext(LiveEditContext);
+ const ebasi = LiveEditContext;
+
useEffect(() => {
+ mw.log(ebasi);
+
},[]);
return (
- aaaa
+ wow!
);
}
diff --git a/userfiles/modules/microweber/api/live-edit-app/components/contexts/live-edit-context.tsx b/userfiles/modules/microweber/api/live-edit-app/components/contexts/live-edit-context.tsx
new file mode 100644
index 00000000000..72c762673a0
--- /dev/null
+++ b/userfiles/modules/microweber/api/live-edit-app/components/contexts/live-edit-context.tsx
@@ -0,0 +1,5 @@
+import React, { createContext} from 'react';
+
+export const LiveEditContext = {
+ bojkata:123,
+};