feat: add number format

src/component/PartnerComponent.js

@@ -286,7 +286,19 @@ export const PartnerComponent = observer((props) => {
               <Input />
             </Form.Item>
           )}
-
+{!idData && (
+            <Form.Item
+              name="phone_number"
+              label="Phone Number"
+              rules={[
+                idData
+                  ? { required: false }
+                  : { required: true, message: "Please input password phone number!" },
+              ]}
+            >
+              <Input />
+            </Form.Item>
+          )}
           {!isChangePassword && (
             <>
               <Form.Item

src/component/SupplierComponent.js

@@ -66,10 +66,12 @@ export const SupplierComponent = observer((props) => {
       key: ["coa", "amount"],
       width: "20%",
       render: (text, record) =>
-        new Intl.NumberFormat("id-ID", {
+        text
-          style: "currency",
+          ? new Intl.NumberFormat("id-ID", {
-          currency: "IDR",
+              style: "currency",
-        }).format(text),
+              currency: "IDR",
+            }).format(text)
+          : "-",
     },
     {
       title: "Status",

src/pages/Membership/Membership.js

@@ -43,10 +43,11 @@ export const Membership = observer(() => {
     const init = async () => {
       try {
         setIsLoading(true);
+        const isAdmin = store.authentication.userData.role === "Admin";
+
         await getData();
-        store.role.getData();
+        await store.role.getData(isAdmin);
-        if (store.authentication.userData.role === "Admin")
+        if (isAdmin) await store.supplier.getData();
-          await store.supplier.getData();
         setIsLoading(false);
       } catch (e) {
         setIsLoading(false);

src/store/role.js

@@ -1,50 +1,52 @@
-import {makeAutoObservable} from "mobx";
+import { makeAutoObservable } from "mobx";
-import {http} from "../utils/http";
+import { http } from "../utils/http";
 
 export class Role {
-    page = null;
+  page = null;
-    pageSize = null;
+  pageSize = null;
-    data = [];
+  data = [];
-    total_data = 0
+  total_data = 0;
 
-    constructor(ctx) {
+  constructor(ctx) {
-        this.ctx = ctx;
+    this.ctx = ctx;
-        makeAutoObservable(this);
+    makeAutoObservable(this);
-    }
+  }
 
-    async getData() {
+  async getData(isForMembership = false) {
-        try {
+    try {
-            const response = await http.get(`/config/roles?page=${this.page}&pageSize=${this.pageSize}`);
+      const response = await http.get(
-            this.data = response.body.data ?? []
+        `/config/roles${isForMembership ? "/for-membership" : ""}?page=${
-            this.total_data = response.body.total_data ?? 0
+          this.page
-        } catch (e) {
+        }&pageSize=${this.pageSize}`
-            console.error(e);
+      );
-        }
+      this.data = response.body.data ?? [];
+      this.total_data = response.body.total_data ?? 0;
+    } catch (e) {
+      console.error(e);
     }
+  }
 
-    async create(data) {
+  async create(data) {
-        try {
+    try {
-            return await http.post('/users').send(data)
+      return await http.post("/users").send(data);
-        } catch (e) {
+    } catch (e) {
-            console.error(e);
+      console.error(e);
-        }
     }
+  }
 
-    async update(id, data) {
+  async update(id, data) {
-        try {
+    try {
-            return await http.put('/users/' + id).send(data);
+      return await http.put("/users/" + id).send(data);
-        } catch (e) {
+    } catch (e) {
-            console.error(e);
+      console.error(e);
-        }
     }
+  }
 
-    async delete(id) {
+  async delete(id) {
-        try {
+    try {
-            return await http.del('/users/' + id);
+      return await http.del("/users/" + id);
-        } catch (e) {
+    } catch (e) {
-            console.error(e);
+      console.error(e);
-        }
     }
+  }
 }
-
-