Perbaikan Project PPOB

src/component/ProductComponent.js

@@ -1,4 +1,4 @@
-import React, {useContext, useState} from "react";
+import React, { useContext, useState } from "react";
 import {
   Button,
   Col,
@@ -15,19 +15,19 @@ import {
   Tag,
   Typography,
 } from "antd";
-import {observer} from "mobx-react-lite";
-import {ExclamationCircleOutlined} from "@ant-design/icons";
-import {useHistory} from "react-router-dom";
-import {useStore} from "../utils/useStore";
-import {LINKS} from "../routes/app";
-import {ModalLoaderContext} from "../utils/modal";
+import { observer } from "mobx-react-lite";
+import { ExclamationCircleOutlined } from "@ant-design/icons";
+import { useHistory } from "react-router-dom";
+import { useStore } from "../utils/useStore";
+import { LINKS } from "../routes/app";
+import { ModalLoaderContext } from "../utils/modal";
 
-const {Title, Text} = Typography;
+const { Title, Text } = Typography;
 
 export const ProductComponent = observer((props) => {
   const store = useStore();
   const [form] = Form.useForm();
-  const {Option} = Select;
+  const { Option } = Select;
   const history = useHistory();
   const [idData, setIdData] = useState("");
   const [filterSupplier, setFilterSupplier] = useState([]);
@@ -107,12 +107,14 @@ export const ProductComponent = observer((props) => {
       key: "action",
       render: (text, record) => (
         <Button
-            onClick={async () => {
-              history.push(LINKS.PRODUCT_DETAIL.replace(":id", record.product_id));
-            }}
-          >
-            Detail
-          </Button>
+          onClick={async () => {
+            history.push(
+              LINKS.PRODUCT_DETAIL.replace(":id", record.product_id)
+            );
+          }}
+        >
+          Detail
+        </Button>
       ),
     },
   ];
@@ -258,7 +260,11 @@ export const ProductComponent = observer((props) => {
             width: store.ui.mediaQuery.isMobile ? 250 : "",
           }}
           columns={columns}
-          dataSource={store.product.data}
+          dataSource={
+            store.authentication.userData.role === "Admin Partner"
+              ? store.product.dataProductPartner
+              : store.product.data
+          }
           bordered
           pagination={{
             pageSize: store.product.pageSize,