|
@@ -4,10 +4,8 @@ import { LiveEditor } from "src/containers/LiveEditor";
|
|
import { Loading } from "src/components/Loading";
|
|
import { Loading } from "src/components/Loading";
|
|
import { Incompatible } from "src/containers/Incompatible";
|
|
import { Incompatible } from "src/containers/Incompatible";
|
|
import * as Styles from "src/containers/Editor/styles";
|
|
import * as Styles from "src/containers/Editor/styles";
|
|
-import { Tools } from "./Tools";
|
|
|
|
import { ConfigActionType } from "src/reducer/reducer";
|
|
import { ConfigActionType } from "src/reducer/reducer";
|
|
import { useConfig } from "src/hocs/config";
|
|
import { useConfig } from "src/hocs/config";
|
|
-import { Input } from "src/components/Input";
|
|
|
|
|
|
|
|
const JsonEditor = dynamic(() => import("src/containers/JsonEditor"), {
|
|
const JsonEditor = dynamic(() => import("src/containers/JsonEditor"), {
|
|
ssr: false,
|
|
ssr: false,
|
|
@@ -36,18 +34,22 @@ export const Editor: React.FC = () => {
|
|
type: ConfigActionType.SET_CONFIG,
|
|
type: ConfigActionType.SET_CONFIG,
|
|
payload: JSON.parse(configStored),
|
|
payload: JSON.parse(configStored),
|
|
});
|
|
});
|
|
- }, []);
|
|
|
|
|
|
+ }, [dispatch]);
|
|
|
|
|
|
React.useEffect(() => {
|
|
React.useEffect(() => {
|
|
- localStorage.setItem("config", JSON.stringify(settings));
|
|
|
|
|
|
+ localStorage.setItem(
|
|
|
|
+ "config",
|
|
|
|
+ JSON.stringify({
|
|
|
|
+ ...settings,
|
|
|
|
+ zoomPanPinch: undefined,
|
|
|
|
+ })
|
|
|
|
+ );
|
|
}, [settings]);
|
|
}, [settings]);
|
|
|
|
|
|
return (
|
|
return (
|
|
<Styles.StyledPageWrapper>
|
|
<Styles.StyledPageWrapper>
|
|
<Sidebar />
|
|
<Sidebar />
|
|
<Styles.StyledEditorWrapper>
|
|
<Styles.StyledEditorWrapper>
|
|
- <Tools />
|
|
|
|
- {settings.showSearch && <Input />}
|
|
|
|
<Styles.StyledEditor
|
|
<Styles.StyledEditor
|
|
maxSize={800}
|
|
maxSize={800}
|
|
minSize={300}
|
|
minSize={300}
|