🚧 added pages to pagination

Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

src/App.tsx

@@ -33,7 +33,11 @@ function App() {
           <q.h2>Pages</q.h2>
           <q.p>{calculatePages(totalPages)}</q.p>
           <q.div className="flex gap-4">
-            <PaginationButton pageNumber={currentPage} />
+            {Array.from(Array(calculatePages(totalPages)).keys()).map(
+              (page) => (
+                <PaginationButton pageNumber={page + 1} />
+              )
+            )}
           </q.div>
         </q.div>
         {!loading && movies ? (

src/components/PaginationButton/index.tsx

@@ -6,7 +6,7 @@ interface PaginationButtonProps {
 
 const PaginationButton: React.FC<PaginationButtonProps> = ({ pageNumber }) => {
   return (
-    <q.div className="">
+    <q.div className="bg-red-400 p-2 rounded-md">
       <p>{pageNumber}</p>
     </q.div>
   )