From 9906516ff9d9fac45ca99dd7dca57f8ced19fe68 Mon Sep 17 00:00:00 2001
From: xander <63683502+xander113@users.noreply.github.com>
Date: Fri, 18 Mar 2022 11:36:51 -1200
Subject: [PATCH] sorry

---
 web/resources/js/pages/CreatePost.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/resources/js/pages/CreatePost.js b/web/resources/js/pages/CreatePost.js
index 3578bf0..4f921f8 100644
--- a/web/resources/js/pages/CreatePost.js
+++ b/web/resources/js/pages/CreatePost.js
@@ -22,17 +22,21 @@ const CreatePost = (props) => {
 
 	const [waitingForSubmission, setWaitingForSubmission] = useState(false);
 	const [validity, setValidity] = useState({error: false, message: ``, inputs: []});
-    const [categories, setCategoires] = useState({loading: true, categories: []});
+    const [categories, setCategories] = useState({categories: []});
     const user = props.user;
     const history = useHistory();
 
-    useEffect(async()=>{
+    const fetchCategories = async () => {
         const body = new FormData();
 		body.append('token', encodeURIComponent(getCookie(`gtok`)));
-        await axios.post(`${protocol}apis.${url}/fetch/categories/post`, body, {headers: {'X-CSRF-TOKEN': document.querySelector(`meta[name="csrf-token"]`).content, "X-Requested-With":"XMLHttpRequest"}}).then(data=>{
+        await axios.post(`${protocol}apis.${url}/fetch/categories/post`, body, {headers: {'X-CSRF-TOKEN': document.querySelector(`meta[name="csrf-token"]`).content, "X-Requested-With":"XMLHttpRequest"}}).then(async data=>{
             const res = data.data;
-            setCategoires({loading: false, categories: res.categories});
+            await setCategories({categories: res.categories});
         }).catch(error=>{console.log(error);});
+    }
+
+    useEffect(async()=>{
+        await fetchCategories();
     }, []);
 	
 	async function SubmitForm(form)
@@ -54,7 +58,7 @@ const CreatePost = (props) => {
 	}
 
 	return (
-		waitingForSubmission && !categories.loading? <Loader/> :
+		waitingForSubmission || !categories.categories? <Loader/> :
 		    <Card>
 				<CardTitle>Create a new Post</CardTitle>
 				<div className="p-2 row">