ticket 16, 4, 18, 19, 20, 21, 22

src/pages/NewArticle.jsx

@@ -6,19 +6,21 @@ import MyButton from "../components/MyButton.jsx";
 import Loading from "../components/Loading.jsx";
 import MyInput from "../components/MyInput.jsx";
 import TextEditor from "../components/TextEditor.jsx";
+import { UserData } from "../context/index.js";
 import { getArticleApi, editTagsApi, editTitleArticleApi, editArticleApi, addArticleApi } from "../hooks/api/articleApi.js";
 
 const NewArticle = () => {
     const navigate = useNavigate();
     const location = useLocation();
     const { articleId } = useParams();
+    const {user, setUser} = useContext(UserData)
+
     const [loading, setLoading] = useState(false);
 
     const [title, setTitle] = useState("");
     const [tags, setTags] = useState([]);
     const [newTag, setNewTag] = useState("")
     const [ownerId, setOwnerId] = useState("");
-
     const [contentArticle, setContentArticle] = useState('');
     const [blocks, setBlocks] = useState('');
 
@@ -29,13 +31,21 @@ const NewArticle = () => {
             const response = await getArticleApi(cookies.token, articleId)
 
             if (response.status === 200) {
-                console.log(response)
                 setTitle(response.data.article.title)
                 setTags(response.data.article.tags ? response.data.article.tags : [])
                 setOwnerId(response.data.article.owner_id)
                 setContentArticle(response.data.blocks ? response.data.blocks[0].data : '')
                 setBlocks(response.data.blocks ? response.data.blocks : false)
             }
+            else if (
+                response.status === 401
+            ) {
+                // navigate("/enter")
+                setUser(false)
+            }
+            else {
+                console.log(response)
+            }
         }
 
         getArticle()
@@ -48,7 +58,16 @@ const NewArticle = () => {
             if (response.status === 200) {
                 setTags([...tags, newTag])
                 setNewTag("")
-            }    
+            }
+            else if (
+                response.status === 401
+            ) {
+                // navigate("/enter")
+                setUser(false)
+            }
+            else {
+                console.log(response)
+            }  
         }
     }
 
@@ -60,20 +79,36 @@ const NewArticle = () => {
             cTags.splice(index, 1)
             setTags(cTags)
         }
+        else if (
+            response.status === 401
+        ) {
+            // navigate("/enter")
+            setUser(false)
+        }
+        else {
+            console.log(response)
+        }
     }
 
     async function saveArticle() {
         const responseTitle = await editTitleArticleApi(cookies.token, articleId, title)
-        console.log(blocks)
         const responseContentArticle = blocks ? 
             await editArticleApi(cookies.token, articleId, contentArticle) : 
             await addArticleApi(cookies.token, articleId, contentArticle)
-
-        console.log(responseContentArticle)
-
+        
         if (responseTitle.status === 200 && responseContentArticle.status === 200) {
             navigate("/articles")
         }
+        else if (
+            responseTitle.status === 401 || responseContentArticle.status === 401
+        ) {
+            // navigate("/enter")
+            setUser(false)
+        }
+        else {
+            console.log(responseTitle)
+            console.log(responseContentArticle)
+        }
     }
 
     return (