Merge pull request #60 from AykutSarac/download-json

Convert Save JSON to Download

src/components/Sidebar/index.tsx

@@ -140,8 +140,12 @@ export const Sidebar: React.FC = () => {
   const [clearVisible, setClearVisible] = React.useState(false);
 
   const handleSave = () => {
-    localStorage.setItem("json", json);
-    toast.success("Saved JSON successfully!");
+    const a = document.createElement("a");
+    const file = new Blob([json], { type: "text/plain" });
+
+    a.href = window.URL.createObjectURL(file);
+    a.download = "jsonvisio.json";
+    a.click();
   };
 
   const toggleExpandCollapse = () => {

src/containers/ClearModal/index.tsx

@@ -10,7 +10,6 @@ export const ClearModal: React.FC<ModalProps> = ({ visible, setVisible }) => {
 
   const handleClear = () => {
     dispatch({ type: ConfigActionType.SET_JSON, payload: "{}" });
-    localStorage.removeItem("json");
     toast.success(`Cleared JSON and removed from memory.`);
     setVisible(false);
   };

src/hocs/config.tsx

@@ -43,12 +43,8 @@ const WithConfig: ReactComponent = ({ children }) => {
   };
 
   React.useEffect(() => {
-    const jsonStored = localStorage.getItem("json");
-    if (jsonStored) {
-      dispatch({ type: ConfigActionType.SET_JSON, payload: jsonStored });
-    }
-
     const configStored = localStorage.getItem("config");
+
     if (configStored) {
       dispatch({
         type: ConfigActionType.SET_CONFIG,