feat(home): add page to query api

iqbalpa · Jul 10, 2024 · 7f3bb11 · 7f3bb11
1 parent 2f07063
commit 7f3bb11
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/src/api/api.tsx b/src/api/api.tsx
@@ -19,14 +19,20 @@ const getAllMovies = async (currentPage: number): Promise<Movie[]> => {
   return movies;
 };
 
-const getMoviesWithQuery = async (query: string): Promise<Movie[]> => {
+const getMoviesWithQuery = async (
+  query: string,
+  currentPage: number,
+): Promise<Movie[]> => {
   const parsedQuery = parseQuery(query);
-  const res = await axios.get(`${BASE_URL}search/movie?query=${parsedQuery}`, {
-    headers: {
-      Accept: 'application/json',
-      Authorization: `Bearer ${API_KEY}`,
+  const res = await axios.get(
+    `${BASE_URL}search/movie?query=${parsedQuery}&page=${currentPage}`,
+    {
+      headers: {
+        Accept: 'application/json',
+        Authorization: `Bearer ${API_KEY}`,
+      },
     },
-  });
+  );
   const movies: Movie[] = res.data.results;
   return movies;
 };

diff --git a/src/modules/home/home.tsx b/src/modules/home/home.tsx
@@ -16,6 +16,9 @@ const HomeModule: React.FC = () => {
   const [query, setQuery] = useState<string>('');
 
   useEffect(() => {
+    if (query !== '') {
+      return;
+    }
     const fetchMovies = async () => {
       try {
         const res: Movie[] = await api.getAllMovies(currentPage);
@@ -38,14 +41,14 @@ const HomeModule: React.FC = () => {
     }
     const fetchMovies = async () => {
       try {
-        const res: Movie[] = await api.getMoviesWithQuery(query);
+        const res: Movie[] = await api.getMoviesWithQuery(query, currentPage);
         setMovies(res);
       } catch (e) {
         console.log('failed to fetch the movies');
       }
     };
     fetchMovies();
-  }, [query]);
+  }, [query, currentPage]);
 
   const handleClickPrev = () => {
     setCurrentPage((prevPage) => {