fix some wording

src/component/CategoryComponent.js

@@ -45,7 +45,7 @@ export const CategoryComponent = observer((props) => {
       key: "name",
     },
     {
-      title: "Action",
+      title: "Tindakan",
       key: "action",
       render: (text, record) => (
         <Space size="middle">
@@ -209,7 +209,7 @@ export const CategoryComponent = observer((props) => {
         visible={store.category.visibleModalCategory}
         title={idData ? "Edit Category" : "Create a new Category"}
         okText={idData ? "Edit" : "Create"}
-        cancelText="Cancel"
+        cancelText="Batal"
         onCancel={() => {
           form.resetFields();
           handleCancel();

src/component/CommissionComponent.js

@@ -28,13 +28,13 @@ export const CommissionComponent = observer((props) => {
       key: "name",
     },
     {
-      title: "Amount",
+      title: "Nominal",
       dataIndex: "commission",
       key: "commission",
       render: (text) => <span>{text}%</span>,
     },
     {
-      title: "Action",
+      title: "Tindakan",
       key: "action",
       render: (text, record) => (
         <Space size="middle">
@@ -93,7 +93,7 @@ export const CommissionComponent = observer((props) => {
         visible={store.commission.visibleModalCommission}
         title={"Edit Commission"}
         okText={"Edit"}
-        cancelText="Cancel"
+        cancelText="Batal"
         onCancel={() => {
           form.resetFields();
           handleCancel();

src/component/PartnerComponent.js

@@ -86,7 +86,7 @@ export const PartnerComponent = observer((props) => {
       key: "npwp",
     },
     {
-      title: "Address",
+      title: "Alamat",
       dataIndex: "address",
       key: "address",
     },
@@ -104,7 +104,7 @@ export const PartnerComponent = observer((props) => {
       ),
     },
     {
-      title: "Action",
+      title: "Tindakan",
       key: "action",
       render: (text, record) => (
         <Space size="middle">
@@ -143,12 +143,12 @@ export const PartnerComponent = observer((props) => {
       icon: <ExclamationCircleOutlined />,
       okText: "Yes",
       okType: "primary",
-      cancelText: "Cancel",
+      cancelText: "Batal",
       onOk() {
         return deleteData(id);
       },
       onCancel() {
-        console.log("Cancel");
+        console.log("Batal");
       },
     });
   };
@@ -273,7 +273,7 @@ export const PartnerComponent = observer((props) => {
                           <div style={{ marginBottom: 10 }}>
                             <small>Nama : {item.name}</small> <br />
                             <small>Npwp : {item.npwp}</small> <br />
-                            <small>Address : {item.address}</small>
+                            <small>Alamat : {item.address}</small>
                           </div>
                           <Space size="small">
                             <Button
@@ -333,7 +333,7 @@ export const PartnerComponent = observer((props) => {
             : "Create a new partner"
         }
         okText={idData ? "Edit" : "Create"}
-        cancelText="Cancel"
+        cancelText="Batal"
         onCancel={() => {
           form.resetFields();
           handleCancel();
@@ -450,7 +450,7 @@ export const PartnerComponent = observer((props) => {
               </Form.Item>
               <Form.Item
                 name="address"
-                label="Address"
+                label="Alamat"
                 rules={[
                   idData
                     ? { required: false }

src/component/ProductComponent.js

@@ -113,7 +113,7 @@ export const ProductComponent = observer((props) => {
       ),
     },
     {
-      title: "Action",
+      title: "Tindakan",
       key: "action",
       render: (text, record) => (
         <Button
@@ -157,12 +157,12 @@ export const ProductComponent = observer((props) => {
       icon: <ExclamationCircleOutlined />,
       okText: "Yes",
       okType: "primary",
-      cancelText: "Cancel",
+      cancelText: "Batal",
       onOk() {
         return deleteData(id);
       },
       onCancel() {
-        console.log("Cancel");
+        console.log("Batal");
       },
     });
   };
@@ -388,7 +388,7 @@ export const ProductComponent = observer((props) => {
         visible={store.product.visibleModalProduct}
         title={idData ? "Edit Product" : "Create a new Product"}
         okText={idData ? "Edit" : "Create"}
-        cancelText="Cancel"
+        cancelText="Batal"
         onCancel={() => {
           form.resetFields();
           handleCancel();

src/component/SubcategoryComponent.js

@@ -57,7 +57,7 @@ export const SubcategoryComponent = observer((props) => {
       key: "categoryName",
     },
     {
-      title: "Action",
+      title: "Tindakan",
       key: "action",
       render: (text, record) => (
         <Space size="middle">
@@ -214,7 +214,7 @@ export const SubcategoryComponent = observer((props) => {
         visible={store.subcategory.visibleModalSubcategory}
         title={idData ? "Edit Sub Category" : "Create a new sub category"}
         okText={idData ? "Edit" : "Create"}
-        cancelText="Cancel"
+        cancelText="Batal"
         onCancel={() => {
           form.resetFields();
           handleCancel();

src/component/SupplierComponent.js

@@ -112,7 +112,7 @@ export const SupplierComponent = observer((props) => {
       ),
     },
     {
-      title: "Action",
+      title: "Tindakan",
       key: "action",
       width: "20%",
       render: (text, record) => (
@@ -151,12 +151,12 @@ export const SupplierComponent = observer((props) => {
       icon: <ExclamationCircleOutlined />,
       okText: "Yes",
       okType: "primary",
-      cancelText: "Cancel",
+      cancelText: "Batal",
       onOk() {
         return deleteData(id);
       },
       onCancel() {
-        console.log("Cancel");
+        console.log("Batal");
       },
     });
   };
@@ -342,7 +342,7 @@ export const SupplierComponent = observer((props) => {
         visible={store.supplier.visibleModalSupplier}
         title={idData ? "Edit Supplier" : "Create a new Supplier"}
         okText={idData ? "Edit" : "Create"}
-        cancelText="Cancel"
+        cancelText="Batal"
         onCancel={() => {
           form.resetFields();
           handleCancel();

src/component/TopupsaldoModal.js

@@ -34,7 +34,7 @@ export const TopupsaldoModal = observer((props) => {
         visible={store.supplier.visibleModalTransaction}
         title="Top Up Saldo"
         okText="Top Up"
-        cancelText="Cancel"
+        cancelText="Batal"
         onCancel={() => {
           form.resetFields();
           handleCancelTransaction();
@@ -66,7 +66,7 @@ export const TopupsaldoModal = observer((props) => {
           </Form.Item>
           <Form.Item
             name="amount"
-            label="Amount"
+            label="Nominal"
             rules={[{ required: true, message: "Please input amount!" }]}
           >
             <InputNumber