second commit

src/components/search/SearchBox.jsx

@@ -7,13 +7,13 @@ export default function SearchBox() {
     const [searchTerm, setSearTerm] = useState('')
     const [message, setMessage] = useState('')
     const [articles, setArticles] = useState([])
-    const [loading, setLaoding] = useState(false)
+    const [loading, setLoading] = useState(false)
 
     const searchArticles = async (e) => {
         e.preventDefault()
         setArticles([])
         setMessage('')
-        setLaoding(true)
+        setLoading(true)
 
         const data = { searchTerm }
 
@@ -25,10 +25,10 @@ export default function SearchBox() {
                 }else {
                     setMessage('No results found.')
                 }
-                setLaoding(false)
+                setLoading(false)
                 setSearTerm('')
             } catch (error) {
-                setLaoding(false)
+                setLoading(false)
                 setSearTerm('')
                 console.log(error)
         }

src/components/user/articles/UserArticles.jsx

@@ -15,10 +15,14 @@ export default function UserArticles() {
     const [loading, setLoading] = useState(false)
 
     useEffect(() => {
-        const getLoggedInUser = async () => {
+        fetchUserArticles()
+    }, [])
+
+    const fetchUserArticles = async () => {
         setLoading(true)
         try {
-                const response = await axios.get(`${BASE_URL}/user/articles`, getConfig(token))
+            const response = await axios.get(`${BASE_URL}/user/articles`,
+              getConfig(token))
                 setArticles(response.data.data)
                 setLoading(false)
             } catch (error) {
@@ -26,8 +30,6 @@ export default function UserArticles() {
                 console.log(error)
         }
     }
-        getLoggedInUser()
-    }, [])
 
     const deleteArticle = async (slug) => {
         try {
@@ -38,7 +40,7 @@ export default function UserArticles() {
               }else {
                 dispatch(setCurrentUser(response.data.user))
                 toast.success(response.data.message)
-                navigate('/profile')
+                fetchUserArticles()
               }
             } catch (error) {
             console.log(error)
@@ -48,7 +50,8 @@ export default function UserArticles() {
     return (
         <div className="col-md-9">
             {
-                loading ? <div className="d-flex justify-content-center">
+                loading ?
+                    <div className="d-flex justify-content-center">
                         <Spinner />
                     </div>
                 :