From b1fb933f27a15830c0852942f6ac8bb9aa4162e6 Mon Sep 17 00:00:00 2001
From: mohamadreza <mohamadreza1388.org@gmail.com>
Date: Mon, 6 Jan 2025 04:49:52 +0330
Subject: [PATCH] feat(import): add import file feature

---
 src/components/editor/Editor.jsx |  9 ++++++++-
 src/components/header/Header.jsx | 13 ++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/editor/Editor.jsx b/src/components/editor/Editor.jsx
index 8ac95a1..433b52a 100644
--- a/src/components/editor/Editor.jsx
+++ b/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
diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
index 1fc65a7..35ade2e 100644
--- a/src/components/header/Header.jsx
+++ b/src/components/header/Header.jsx
@@ -2,10 +2,13 @@ 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) {
@@ -13,23 +16,26 @@ const Header = () => {
                 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