fix some wording

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();