fix: merge ajat

src/pages/Product/Product.js

@@ -1,13 +1,21 @@
-import React from "react";
-import {Button, Card, Col, Input, Row, Tabs} from "antd";
+import React, {useState} from "react";
+import {Button, Card, Col, Input, message, Row, Tabs} from "antd";
 import {FilterOutlined, PlusSquareOutlined,} from "@ant-design/icons";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {Pulsa} from "./Pulsa";
+import {PulsaModal} from "./PulsaModal";
+import {useStore} from "../../utils/useStore";
+import {observer} from "mobx-react-lite";
 
 const {TabPane} = Tabs;
 const {Search} = Input;
 
-export const Product = () => {
+export const Product = observer(() => {
+    const [visibleModal, setVisibleModal] = useState(false)
+    const [initialData, setInitialData] = useState({})
+    const [confirmLoading, setConfirmLoading] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const store = useStore();
     const callback = (key) => {
         console.log(key);
     };
@@ -21,6 +29,32 @@ export const Product = () => {
             name: <span style={{fontWeight: 'bold'}}>Product</span>,
         },
     ];
+    const onSubmit = async (data) => {
+        if (initialData.id) {
+            setInitialData({})
+            setConfirmLoading(true);
+            try {
+                await store.product.update(initialData.id, data)
+                message.success("Success Update Data Member")
+            } catch (e) {
+                message.error("Failed Update Data Member")
+            }
+            setConfirmLoading(false);
+            setVisibleModal(false);
+        } else {
+            setInitialData({})
+            setConfirmLoading(true);
+            try {
+                await store.product.create(data)
+                message.success("Success Add New Member")
+            } catch (e) {
+                console.log(e, "apa errornya")
+                message.error("Failed Add Member")
+            }
+            setConfirmLoading(false);
+            setVisibleModal(false);
+        }
+    }
     return (
         <div className={["ppob-container"].join(" ")}>
             <BreadcumbComponent data={routeData}/>
@@ -37,7 +71,7 @@ export const Product = () => {
                             placeholder="input search text"
                             style={{width: 200, marginRight: 10}}
                         />
-                        <Button>
+                        <ButtononClick={() => setVisibleModal(true)}>
                             <PlusSquareOutlined/> New
                         </Button>
                     </Col>
@@ -64,7 +98,16 @@ export const Product = () => {
                         Prdct
                     </TabPane>
                 </Tabs>
-            </Card>
+            </Card><PulsaModal visible={visibleModal}
+                               confirmLoading={confirmLoading}
+                               initialData={initialData}
+                               onCreate={async (data) => {
+                                   onSubmit(data)
+                               }}
+                               onCancel={() => {
+                                   setInitialData({})
+                                   setVisibleModal(false);
+                               }}/>
         </div>
     );
-};
+});