From 5988de3893b9b17d6adff7c984f536c86ce706ed Mon Sep 17 00:00:00 2001
From: SHYAM KHADE <khade.shyam10.1@gmail.com>
Date: Fri, 26 Jan 2024 01:22:32 +0530
Subject: [PATCH] Fix formatting and navigation in SinglePost and Write
 components

---
 client/src/components/singlePost/SinglePost.jsx |  2 +-
 client/src/pages/write/Write.jsx                | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/client/src/components/singlePost/SinglePost.jsx b/client/src/components/singlePost/SinglePost.jsx
index edde5dc..10ac130 100644
--- a/client/src/components/singlePost/SinglePost.jsx
+++ b/client/src/components/singlePost/SinglePost.jsx
@@ -22,7 +22,7 @@ export default function SinglePost() {
       setPost(res.data);
       setTitle(res.data.title);
       setDesc(res.data.desc);
-        setIsLoading(false);
+      setIsLoading(false);
     };
     getPost();
   }, [path]);
diff --git a/client/src/pages/write/Write.jsx b/client/src/pages/write/Write.jsx
index 5d02bc7..e389be4 100644
--- a/client/src/pages/write/Write.jsx
+++ b/client/src/pages/write/Write.jsx
@@ -2,17 +2,19 @@ import { useContext, useState } from "react";
 import "./write.css";
 import { Context } from "../../context/Context";
 import API from "../../utils/axios";
+import { useNavigate } from "react-router-dom";
 
 export default function Write() {
   const [title, setTitle] = useState("");
   const [desc, setDesc] = useState("");
   const [file, setFile] = useState(null);
   const { user } = useContext(Context);
+  const navigate = useNavigate();
 
   const handleSubmit = async (e) => {
     e.preventDefault();
     const data = new FormData();
-    const filename = file.name + Date.now();
+    const filename = file?.name + Date.now();
     data.append("file", file);
     data.append("name", filename);
     data.append("username", user.username);
@@ -20,11 +22,13 @@ export default function Write() {
     data.append("desc", desc);
     try {
       const res = await API.post("/posts", data);
-      window.location.replace("/post/" + res.data._id);
-    } catch (err) { 
+      console.log('res', res);
+      console.log('res', res?.data?._id);
+      res?.data?._id && navigate(`/post/${res?.data?._id}`);
+    } catch (err) {
       console.log('err posting file',);
     }
-  };  return (
+  }; return (
     <div className="write">
       {file && (
         <img className="writeImg" src={URL.createObjectURL(file)} alt="" />