Data Membership

src/pages/Membership/Membership.js

@@ -16,16 +16,17 @@ export const Membership = observer(() => {
   const [confirmLoading, setConfirmLoading] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
 
-  useEffect(() => {
-    const init = async () => {
-      try {
-        setIsLoading(true)
-        await store.membership.getData();
-        setIsLoading(false)
-      } catch (e) {
-        setIsLoading(false)
-      }
+  const init = async () => {
+    try {
+      setIsLoading(true)
+      await store.membership.getData();
+      setIsLoading(false)
+    } catch (e) {
+      setIsLoading(false)
     }
+  }
+  useEffect(() => {
+    
 
     init()
 
@@ -34,26 +35,26 @@ export const Membership = observer(() => {
   const columns = [
     {
       title: "Name",
-      dataIndex: "name",
-      key: "name",
+      dataIndex: "username",
+      key: "username",
     },
     {
       title: "Username",
-      dataIndex: "name",
-      key: "name",
+      dataIndex: "username",
+      key: "username",
     },
     {
       title: "Status",
       dataIndex: "status",
       key: "status",
       render: (text, record) => (
-          <>
-            <Tag color="#E3E8EE" style={{color: "#4F566B"}}>
-              Inactive
-            </Tag>
-            <Tag color="processing">Active</Tag>
-          </>
-      )
+        <Tag
+            color={record?.isActive === true ? "processing" : "#E3E8EE"}
+            style={{color: "#4F566B"}}
+        >
+            {record?.status}
+        </Tag>
+    )
     },
     {
       title: "Action",
@@ -163,21 +164,21 @@ export const Membership = observer(() => {
                     hasEmpty
                     size={"small"}
                     columns={columns}
-                    dataSource={store.membership.data}
+                    dataSource={store.membership.data[0]}
                     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}
+                    // 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}
                 />)}
 
             {store.ui.mediaQuery.isMobile && (

src/pages/Product/PulsaModal.js

@@ -28,7 +28,7 @@ export const PulsaModal = ({visible, onCreate, onCancel}) => {
   return (
       <Modal
           visible={visible}
-          title={initialData.id ? "Edit Member" : "Create a new Member"}
+          title={initialData.id ? "Edit Product" : "Create a new Product"}
           okText={initialData.id ? "Edit" : "Create"}
           cancelText="Cancel"
           onCancel={() => {