fix: pagination and some logic

src/component/ProductComponent.js

@@ -177,9 +177,25 @@ export const ProductComponent = observer((props) => {
             <Table
                 style={{textAlign: "center"}}
                 columns={columns}
-                dataSource={props.data}
+                dataSource={store.product.data}
                 bordered
+                pagination={{
+                    pageSize: store.product.pageSize,
+                    total: store.product.total_data,
+                    current: store.product.page + 1,
+                    showSizeChanger: true,
+                    simple: false
+                }}
+                onChange={async (page) => {
+                    let pageNumber = page.current;
+                    store.product.pageSize = page.pageSize;
+                    store.product.page = pageNumber - 1;
+                    // store.membership.isLoading = true;
+                    await store.product.getData();
+                    // store.membership.isLoading = false;
+                }}
             />
+
             <Modal
                 visible={store.product.visibleModalProduct}
                 title={idData ? "Edit Product" : "Create a new Product"}