Etusivu Tutki Apua
Kirjaudu sisään
hugh
/
jsoncrack.com
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

move editor to /components

AykutSarac 3 vuotta sitten
vanhempi
03e19e47d6
commit
9a3f46fb3b
3 muutettua tiedostoa jossa 49 lisäystä ja 41 poistoa
Yhdistetty näkymä Näytä diff tilastot
  1. 45 0
      src/containers/Editor/index.tsx
  2. 0 0
      src/containers/Editor/styles.tsx
  3. 4 41
      src/pages/editor/index.tsx

+ 45 - 0
src/containers/Editor/index.tsx
Näytä tiedosto 

@@ -0,0 +1,45 @@
 
+import React from "react";
 
+import dynamic from "next/dynamic";
 
+import { LiveEditor } from "src/containers/LiveEditor";
 
+import { Loading } from "src/components/Loading";
 
+import { Incompatible } from "src/containers/Incompatible";
 
+import * as Styles from "src/containers/Editor/styles";
 
+import { defaultJson } from "src/constants/data";
 
+
 
+const JsonEditor = dynamic(() => import("src/containers/JsonEditor"), {
 
+  ssr: false,
 
+  loading: () => <Loading message="Loading Editor..." />,
 
+});
 
+
 
+const Sidebar = dynamic(() => import("src/components/Sidebar"), {
 
+  ssr: false,
 
+  loading: () => <Loading message="Loading Sidebar..." />,
 
+});
 
+
 
+export const Editor: React.FC = () => {
 
+  const [json, setJson] = React.useState(JSON.stringify(defaultJson));
 
+
 
+  React.useEffect(() => {
 
+    const jsonStored = localStorage.getItem("json");
 
+    if (jsonStored) setJson(jsonStored);
 
+  }, []);
 
+
 
+  return (
 
+    <Styles.StyledPageWrapper>
 
+      <Sidebar setJson={setJson} />
 
+      <Styles.StyledEditorWrapper>
 
+        <Styles.StyledTools></Styles.StyledTools>
 
+        <Styles.StyledEditor
 
+          maxSize={800}
 
+          minSize={300}
 
+          defaultSize={450}
 
+          split="vertical"
 
+        >
 
+          <JsonEditor json={json} setJson={setJson} />
 
+          <LiveEditor json={json} setJson={setJson} />
 
+        </Styles.StyledEditor>
 
+      </Styles.StyledEditorWrapper>
 
+      <Incompatible />
 
+    </Styles.StyledPageWrapper>
 
+  );
 
+};

+ 0 - 0
src/pages/editor/styles.tsx → src/containers/Editor/styles.tsx
Näytä tiedosto


+ 4 - 41
src/pages/editor/index.tsx
Näytä tiedosto 

@@ -1,53 +1,16 @@
 
 import React from "react";

 import React from "react";

 import Head from "next/head";

 import Head from "next/head";

-import { defaultJson } from "src/constants/data";

-import dynamic from "next/dynamic";

-import { LiveEditor } from "src/containers/LiveEditor";

-import { Loading } from "src/components/Loading";

-import { Incompatible } from "src/containers/Incompatible";

-import * as Styles from "src/pages/editor/styles";

-

-const JsonEditor = dynamic(() => import("src/containers/JsonEditor"), {

-  ssr: false,

-  loading: () => <Loading message="Loading Editor..." />,

-});

-

-const Sidebar = dynamic(() => import("src/components/Sidebar"), {

-  ssr: false,

-  loading: () => <Loading message="Loading Sidebar..." />,

-});

-

-const Editor: React.FC = () => {

-  const [json, setJson] = React.useState(JSON.stringify(defaultJson));

-

-  React.useEffect(() => {

-    const jsonStored = localStorage.getItem("json");

-    if (jsonStored) setJson(jsonStored);

-  }, []);

+import { Editor } from "src/containers/Editor";

 

 

+const EditorPage: React.FC = () => {

   return (

   return (

     <>

     <>

       <Head>

       <Head>

         <title>Editor | JSON Visio</title>

         <title>Editor | JSON Visio</title>

       </Head>

       </Head>

-      <Styles.StyledPageWrapper>

-        <Sidebar setJson={setJson} />

-        <Styles.StyledEditorWrapper>

-          <Styles.StyledTools></Styles.StyledTools>

-          <Styles.StyledEditor

-            maxSize={800}

-            minSize={300}

-            defaultSize={450}

-            split="vertical"

-          >

-            <JsonEditor json={json} setJson={setJson} />

-            <LiveEditor json={json} setJson={setJson} />

-          </Styles.StyledEditor>

-        </Styles.StyledEditorWrapper>

-        <Incompatible />

-      </Styles.StyledPageWrapper>

+      <Editor />

     </>

     </>

   );

   );

 };

 };

 

 

-export default Editor;

+export default EditorPage;