diff --git a/src/pages/Membership/Membership.js b/src/pages/Membership/Membership.js
index 811b9fc..c997bcd 100644
--- a/src/pages/Membership/Membership.js
+++ b/src/pages/Membership/Membership.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from "react";
+import React, {useContext, useEffect, useState} from "react";
 import {
   Button,
   Card,
@@ -6,6 +6,7 @@ import {
   Divider,
   Form,
   Input,
+  InputNumber,
   List,
   message,
   Modal,
@@ -14,19 +15,18 @@ import {
   Space,
   Table,
   Tag,
-  InputNumber,
 } from "antd";
-import { useStore } from "../../utils/useStore";
-import { observer } from "mobx-react-lite";
-import { DownloadOutlined, PlusSquareOutlined } from "@ant-design/icons";
-import { MembershipModal } from "./MembershipModal";
-import { BreadcumbComponent } from "../../component/BreadcumbComponent";
-import { LINKS } from "../../routes/app";
-import { useHistory } from "react-router-dom";
-import { ModalLoaderContext } from "../../utils/modal";
+import {useStore} from "../../utils/useStore";
+import {observer} from "mobx-react-lite";
+import {DownloadOutlined, PlusSquareOutlined} from "@ant-design/icons";
+import {MembershipModal} from "./MembershipModal";
+import {BreadcumbComponent} from "../../component/BreadcumbComponent";
+import {LINKS} from "../../routes/app";
+import {useHistory} from "react-router-dom";
+import {ModalLoaderContext} from "../../utils/modal";
 
-const { Search } = Input;
-const { Option } = Select;
+const {Search} = Input;
+const {Option} = Select;
 export const Membership = observer(() => {
   const history = useHistory();
   const [form] = Form.useForm();
@@ -46,7 +46,6 @@ export const Membership = observer(() => {
 
         await getData();
         await store.role.getData(isAdmin);
-        await store.supplier.getData();
         modalLoader.setLoading(false);
       } catch (e) {
         console.error(e);
@@ -137,26 +136,15 @@ export const Membership = observer(() => {
       key: "role",
     },
     {
-      title: "Saldo di Supplier",
+      title: "Saldo",
       dataIndex: ["coa", "amount"],
       key: ["coa", "amount"],
       width: "20%",
       render: (text) =>
-        new Intl.NumberFormat("id-ID", {
-          style: "currency",
-          currency: "IDR",
-        }).format(text),
-    },
-    {
-      title: "Saldo di System",
-      dataIndex: ["coa_undistribute", "amount"],
-      key: ["coa_undistribute", "amount"],
-      width: "20%",
-      render: (text) =>
-        new Intl.NumberFormat("id-ID", {
-          style: "currency",
-          currency: "IDR",
-        }).format(text),
+          new Intl.NumberFormat("id-ID", {
+            style: "currency",
+            currency: "IDR",
+          }).format(text),
     },
     {
       title: "Status",
@@ -289,29 +277,6 @@ export const Membership = observer(() => {
     }
   };
 
-  const handleDetail = (record) => {
-    // Modal.confirm({
-    //   title: "Are you sure delete this record?",
-    //   icon: <ExclamationCircleOutlined/>,
-    //   okText: "Yes",
-    //   okType: "primary",
-    //   cancelText: "Cancel",
-    //   async 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);
-    //       message.success("Success Delete Data");
-    //       await getData();
-    //     } catch (e) {
-    //       message.error("Failed Delete Data");
-    //     }
-    //   },
-    //   onCancel() {
-    //     console.log("Cancel");
-    //   },
-    // });
-  };
-
   return (
     <div className={["ppob-container"].join(" ")}>
       <BreadcumbComponent data={routeData} />
@@ -472,19 +437,6 @@ export const Membership = observer(() => {
         }}
       >
         <Form form={form} layout="vertical">
-          {/* <Form.Item
-            name="supplier"
-            label="Supplier"
-            rules={[{ required: true, message: "Please input supplier!" }]}
-          >
-            <Select placeholder="Select Code Supplier" allowClear>
-              {store.supplier.data.map((item) => (
-                <Option value={item.code} key={item.code}>
-                  {item.code}
-                </Option>
-              ))}
-            </Select>
-          </Form.Item> */}
           <Form.Item
             name="amount"
             label="Amount"