Config Menu

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([]);
@@ -92,6 +92,11 @@ export const ProductComponent = observer((props) => {
     //         </Tag>
     //     ),
     // },
+    {
+      title: "Supplier",
+      dataIndex: "supplier",
+      key: "supplier",
+    },
     {
       title: "Tersedia",
       dataIndex: "tersedia",
@@ -120,7 +125,7 @@ export const ProductComponent = observer((props) => {
       ),
     },
   ];
-
+  if (store.authentication.userData.role !== "Admin") columns.pop();
   const deleteData = async (id) => {
     try {
       console.log(id);
@@ -289,7 +294,7 @@ export const ProductComponent = observer((props) => {
             pageSize: store.product.pageSize,
             total: store.product.total_data,
             current: store.product.page + 1,
-            style: {marginBottom: "1rem", marginRight: "1rem"},
+            style: { marginBottom: "1rem", marginRight: "1rem" },
           }}
           dataSource={store.product.data}
           style={{ padding: 0 }}