From 358f53d837fb218a28d71e52f475050521f117c8 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sun, 28 Apr 2024 23:00:21 +0200
Subject: [PATCH] Added pagination

---
 .../src/components/tableComponent/index.tsx   | 27 ++-----------------
 1 file changed, 2 insertions(+), 25 deletions(-)

diff --git a/src/frontend/src/components/tableComponent/index.tsx b/src/frontend/src/components/tableComponent/index.tsx
index 12688845f..05d1ecd97 100644
--- a/src/frontend/src/components/tableComponent/index.tsx
+++ b/src/frontend/src/components/tableComponent/index.tsx
@@ -77,33 +77,10 @@ export default function TableComponent() {
         <div
           className={cn(
             dark ? "ag-theme-quartz-dark" : "ag-theme-quartz",
-            "ag-theme-shadcn flex h-full flex-col"
+            "ag-theme-shadcn flex h-full flex-col pb-8"
           )} // applying the grid theme
         >
-          <AgGridReact columnDefs={colDefs} rowData={rowData} />
-        </div>
-        <div className="flex items-center justify-between w-full">
-        <div className="text-xs text-muted-foreground py-4">
-          Showing <strong>1-3</strong> of <strong>3</strong> products
-        </div>
-        <div className="flex items-center justify-end space-x-2 py-4">
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => {}}
-            disabled={true}
-          >
-            Previous
-          </Button>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => {}}
-            disabled={false}
-          >
-            Next
-          </Button>
-        </div>
+          <AgGridReact pagination={true} columnDefs={colDefs} rowData={rowData} />
         </div>
     </div>
   );