style: adjust number to currency format

src/component/CommissionComponent.js

@@ -1,9 +1,8 @@
-import React, {useContext, useEffect, useState} from "react";
-import {Button, Form, Input, message, Modal, Select, Space, Table,} from "antd";
+import React, {useContext, useState} from "react";
+import {Button, Form, Input, message, Modal, Space, Table,} from "antd";
 import {observer} from "mobx-react-lite";
 import {useHistory} from "react-router-dom";
 import {useStore} from "../utils/useStore";
-import {LINKS} from "../routes/app";
 import {ModalLoaderContext} from "../utils/modal";
 
 export const CommissionComponent = observer((props) => {
@@ -32,6 +31,7 @@ export const CommissionComponent = observer((props) => {
       title: "Amount",
       dataIndex: "commission",
       key: "commission",
+      render: (text) => <span>{text}%</span>,
     },
     {
       title: "Action",

src/component/ProductComponent.js

@@ -48,11 +48,21 @@ export const ProductComponent = observer((props) => {
       title: "Harga Beli",
       dataIndex: "current_price_price",
       key: "current_price_price",
+      render: (text) =>
+          new Intl.NumberFormat("id-ID", {
+            style: "currency",
+            currency: "IDR",
+          }).format(text),
     },
     {
       title: "Harga Jual",
       dataIndex: "mark_up_price",
       key: "mark_up_price",
+      render: (text) =>
+          new Intl.NumberFormat("id-ID", {
+            style: "currency",
+            currency: "IDR",
+          }).format(text),
     },
     // {
     //     title: "Gangguan",

src/component/SubcategoryComponent.js

@@ -1,30 +1,17 @@
-import React, { useContext, useState,useEffect } from "react";
-import {
-  Button,
-  Form,
-  Input,
-  message,
-  Modal,
-  Select,
-  Space,
-  Table,
-  List,
-  Tag,
-  Divider,
-} from "antd";
-import { observer } from "mobx-react-lite";
-import { useHistory } from "react-router-dom";
-import { useStore } from "../utils/useStore";
-import { ModalLoaderContext } from "../utils/modal";
+import React, {useContext, useEffect, useState} from "react";
+import {Button, Divider, Form, Input, List, message, Modal, Select, Space, Table,} from "antd";
+import {observer} from "mobx-react-lite";
+import {useStore} from "../utils/useStore";
+import {ModalLoaderContext} from "../utils/modal";
 
 export const SubcategoryComponent = observer((props) => {
   const store = useStore();
   const [form] = Form.useForm();
-  const { Option } = Select;
+  const {Option} = Select;
   const [idData, setIdData] = useState("");
   const modalLoader = useContext(ModalLoaderContext);
   useEffect(() => {
-    
+
     getData()
   }, [])
   const getData = async () => {