feat(import): add import file feature

src/components/editor/Editor.jsx

@@ -2,6 +2,7 @@ import {useEffect, useState} from "react";
 import "../../scripts/codemirror.js"
 import EditorService from "../../services/EditorService.js";
 import { Rnd } from "react-rnd";
+import {useLocation} from "react-router-dom";
 
 const salamAdd = () => {
     const script = document.createElement('script');
@@ -16,8 +17,14 @@ const salamAdd = () => {
 const Editor = () => {
     const [size, setSize] = useState({ width: 300, height: 200 });
     const [position, setPosition] = useState({ x: 50, y: 50 });
+    const location = useLocation()
 
     useEffect(() => {
+        const editor = document.querySelector("#editor");
+        if (editor) {
+            editor.innerHTML = "";
+        }
+
         // salamAdd();
         EditorService(() => {
             return [{
@@ -31,7 +38,7 @@ const Editor = () => {
         }, (updateText) => {
             // SalamService(updateText);
         })
-    }, [])
+    }, [location])
 
     return (<>
         <main

src/components/header/Header.jsx

@@ -2,34 +2,40 @@ import Dropdown from "../shared/dropdown/Dropdown.jsx";
 import DropdownItem from "../shared/dropdown/DropdownItem.jsx";
 import {useState} from "react";
 import {toast} from "react-toastify";
+import {useNavigate} from "react-router-dom";
 
 const Header = () => {
     const [fileContent, setFileContent] = useState("");
+    const navigate = useNavigate()
 
+    // Read File
     const handleFileChange = (event) => {
         const file = event.target.files[0];
         if (file) {
             if (file.name.endsWith(".salam")) {
                 const reader = new FileReader();
                 reader.onload = (e) => {
                     setFileContent(e.target.result);
-                    toast.success("فایل وارد شد" , {
+                    toast.success("فایل وارد شد", {
                         position: "bottom-right",
                     })
+                    localStorage.setItem("code", e.target.result);
+                    navigate("/")
                 };
                 reader.readAsText(file);
             } else {
-                toast.error("فرمت فایل وارد شده اشتباه است." , {
+                toast.error("فرمت فایل وارد شده اشتباه است.", {
                     position: "bottom-right",
                 })
             }
         }
     };
-
     const openFilePicker = () => {
         document.getElementById("fileInput").click();
     };
 
+    // Export file
+
 
     return (<>
         <header
@@ -38,6 +44,7 @@ const Header = () => {
                 <DropdownItem title={"باز کردن فایل"} callback={() => {
                     openFilePicker()
                 }}/>
+                {/*<hr className={"opacity-100 bg-gray-300 my-2 h-[1px] border-0"}/>*/}
             </Dropdown>
         </header>
         <input