fix: pagination and some logic

.gitignore

@@ -24,3 +24,4 @@ yarn-error.log*
 
 /.idea
 /package-lock.json
+/yarn.lock

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"}

src/pages/Membership/Membership.js

@@ -132,8 +132,6 @@ export const Membership = observer(() => {
       cancelText: "Cancel",
       onOk() {
         try {
-          //TODO: minta apinya ke ka ilham ya, jangan di uncomment kalo pake api reconcile, nanti beneran ke apus datanya
-          // await store.membership.delete(record.id)
           message.success("Success Delete Data");
         } catch (e) {
           message.error("Failed Delete Data");
@@ -171,25 +169,26 @@ export const Membership = observer(() => {
           </Row>
           {store.ui.mediaQuery.isDesktop && (
             <Table
-              key="1"
-              hasEmpty
-              size={"small"}
-              columns={columns}
-              dataSource={store.membership.data}
-              bordered
-              // pagination={{
-              //   total: store.membership.total_data,
-              //   current: store.membership.page,
-              //   pageSize: store.membership.pageSize,
-              //   simple: true
-              // }}
-              // onChange={(page) => {
-              //   store.membership.pageSize = page.pageSize;
-              //   store.membership.page = page.current;
-              //   store.membership.getData();
-              // }}
-              // current={store.membership.page}
-              // loading={store.membership.pageSize}
+                key="1"
+                hasEmpty
+                columns={columns}
+                dataSource={store.membership.data}
+                bordered
+                pagination={{
+                  pageSize: store.membership.pageSize,
+                  total: store.membership.total_data,
+                  current: store.membership.page + 1,
+                  showSizeChanger: true,
+                  simple: false
+                }}
+                onChange={async (page) => {
+                  let pageNumber = page.current;
+                  store.membership.pageSize = page.pageSize;
+                  store.membership.page = pageNumber - 1;
+                  // store.membership.isLoading = true;
+                  await store.membership.getData();
+                  // store.membership.isLoading = false;
+                }}
             />
           )}
 

src/pages/Product/Product.js

@@ -76,9 +76,7 @@ export const Product = observer(() => {
                             tab={item.name}
                             key={item.id}
                         >
-                            <ProductComponent
-                                data={store.product.data}
-                            />
+                            <ProductComponent/>
                         </TabPane>
                     ))}
                 </Tabs>