feat: persist post data in local storage and remove unused tag handling functions

Author: HACO8888

app/new/page.tsx

@@ -56,10 +56,18 @@ export default function NewPostPage() {
           [e.target.name]: e.target.value,
         }) as TPostAPI,
     );
+    localStorage.setItem("postData", JSON.stringify(data));
   }
 
+  useEffect(() => {
+    if (data.title !== "" || data.sig !== "" || data.hashtag?.length !== 0) {
+      localStorage.setItem("postData", JSON.stringify(data));
+    }
+  }, [data]);
+
   useEffect(() => {
     const storedContent = localStorage?.getItem("editorContent");
+    const storedData = localStorage?.getItem("postData");
     if (storedContent) {
       setPostData(
         (prev: TPostAPI | undefined) =>
@@ -69,6 +77,15 @@ export default function NewPostPage() {
           }) as TPostAPI,
       );
     }
+    if (storedData) {
+      setPostData(
+        (prev: TPostAPI | undefined) =>
+          ({
+            ...prev,
+            ...JSON.parse(storedData),
+          }) as TPostAPI,
+      );
+    }
   }, []);
 
   async function NewPostAPI() {
@@ -96,6 +113,7 @@ export default function NewPostPage() {
         return Swal.fire(alertMessageConfigs.Success).then(() => {
           setPostButtonDisable(false);
           localStorage.removeItem("editorContent");
+          localStorage.removeItem("postData");
           route.push(`/post/${res.data._id}`);
         });
       } else if (res.status === 4001) {
@@ -123,6 +141,7 @@ export default function NewPostPage() {
       hashtag: [],
     });
     localStorage.removeItem("editorContent");
+    localStorage.removeItem("postData");
   }
 
   async function handleFileChange(e: ChangeEvent<HTMLInputElement>) {

components/PostEditor/desktop/Editor.tsx

@@ -86,6 +86,7 @@ const MdEditorSync = ({ data, setPostData }: Props) => {
         }) as TPostAPI,
     );
     localStorage.setItem("editorContent", newContent);
+    localStorage.setItem("postData", JSON.stringify(data));
   };
 
   return (

components/PostEditor/desktop/PostEditor.tsx

@@ -48,21 +48,6 @@ export default function NewPost({
     }
   }, [data]);
 
-  function handleAddTag(tag: string) {
-    if (tag === "" || tag.length > 20) return;
-    if (!hashtag.includes(tag)) {
-      const newTags = [...hashtag, tag];
-      setHashtag(newTags);
-      setPostData((prev) => ({ ...prev, hashtag: newTags }));
-    }
-  }
-
-  function handleRemoveTag(tag: string) {
-    const newTags = hashtag.filter((t) => t !== tag);
-    setHashtag(newTags);
-    setPostData((prev) => ({ ...prev, hashtag: newTags }));
-  }
-
   return (
     <SplitBlock>
       <Suspense fallback={null}>

components/PostEditor/mobile/Editor.tsx

@@ -52,6 +52,7 @@ const MdEditorSync = ({ data, setPostData, token }: Props) => {
         }) as TPostAPI,
     );
     localStorage.setItem("editorContent", newContent);
+    localStorage.setItem("postData", JSON.stringify(data));
   };
 
   return (