diff options
Diffstat (limited to 'frontend/src/pages/Home.tsx')
| -rw-r--r-- | frontend/src/pages/Home.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx index bada22d..71683e7 100644 --- a/frontend/src/pages/Home.tsx +++ b/frontend/src/pages/Home.tsx @@ -1,4 +1,4 @@ -import { useState, useEffect, FormEvent } from "react"; +import { useState, useEffect, useCallback, FormEvent } from "react"; type article = { id: number; @@ -31,7 +31,7 @@ export default function Home({ }; const response = await fetch( - `${import.meta.env.VITE_API_TITLE}/api/v1/article/delete/${target.id.value}`, + `${import.meta.env.VITE_API_TITLE}/api/v1/articles/delete/${target.id.value}`, { credentials: "include", method: "get", @@ -41,10 +41,12 @@ export default function Home({ console.log(response); alert("check console for error"); } + else { + fetchArticles(); + } }; - // pull data when new search is given - useEffect(() => { + const fetchArticles = useCallback(() => { let url; if (articleSearch.value === null) { //alert("not searched"); @@ -65,6 +67,9 @@ export default function Home({ .then((response) => setArticles(response)); }, [articleSearch.value]); + // pull data when new search is given + useEffect(() => { fetchArticles(); } , [articleSearch.value, fetchArticles]); + // when new data is pulled update the articles shown useEffect(() => { setAllArticles( |