update [2] check role

app/src/components/ImportImg/ImportImage.js

@@ -12,6 +12,7 @@ import { Avatar, Tooltip, Image } from 'antd';
 import {UserOutlined} from '@ant-design/icons';
 import momment from 'moment';
 import Select from "react-select";
+import Store from '../../store';
 class ImportImage extends Component {
     constructor(props) {
         super(props);
@@ -32,7 +33,15 @@ class ImportImage extends Component {
             dataSearch: "",
             optionSelect: [{value: 1, label:"Facebook"}, {value: 2, label: "Tải lên"}],
             valueSelected: {value: 2, label:"Tải lên"},
+            dataRole: Store.getState().role.role,
         }
+        Store.subscribe(() => {
+            this.setState({
+                dataRole: Store.getState().role.role,
+            }, () => {
+
+            });
+        });
         this.itemsPerPage = 5;
     }
 
@@ -187,14 +196,17 @@ class ImportImage extends Component {
                 <td>{value.origin_name}</td>
                 <td>{value.import_type === 1 ? "Facebook" : "Tải lên"}</td>
                 <td>{momment(value.created_time).format("DD-MM-YYYY")}</td>
+                {this.state.dataRole?.indexOf('import:edit') === -1 && this.state.dataRole?.indexOf('import:delete') === -1 ? "" : 
                 <td>
+                {this.state.dataRole?.indexOf('import:edit') !== -1 ? 
                     <Tooltip placement="top" title={"Sửa"}>
                         <button
                             onClick={() => this.onClickEdit(value)}
                             className="m-portlet__nav-link btn m-btn m-btn--hover-warning m-btn--icon m-btn--icon-only m-btn--pill" data-tip data-for="Edit" >
                             <i className="la la-edit" />
                         </button>
-                    </Tooltip>
+                    </Tooltip> : ""}
+                    {this.state.dataRole?.indexOf('import:delete') !== -1 ? 
                     <Tooltip placement="top" title={"Xoá"}>
                         <button
                             onClick={f => {
@@ -216,7 +228,8 @@ class ImportImage extends Component {
                             <i className="la la-trash" />
                         </button>
                     </Tooltip>
-                </td>
+                    : ""}
+                </td>}
             </tr>
         )
         });
@@ -285,6 +298,7 @@ class ImportImage extends Component {
                                 </button>
                             </div>
                         </div>
+                        {this.state.dataRole?.indexOf('import:upload') !== -1 ? 
                         <div className="m-portlet__head-tools col-xl-1 d-flex align-items-center">
                             <button
                                 onClick={(e) => {
@@ -299,6 +313,7 @@ class ImportImage extends Component {
                                 </span>
                             </button>
                         </div>
+                        : "" }
                     </div>
                     {/*begin: Datatable */}
                     <table className="table table-striped- table-bordered table-hover table-checkable" id="m_table_1">
@@ -309,7 +324,7 @@ class ImportImage extends Component {
                                 <th>Tên ảnh</th>
                                 <th>Loại ảnh</th>
                                 <th>Ngày tải lên</th>
-                                <th>Thao tác</th>
+                                {this.state.dataRole?.indexOf('import:edit') === -1 && this.state.dataRole?.indexOf('import:delete') === -1 ? "" : <th>Thao tác</th>}
                             </tr>
                         </thead>
                         <tbody>{bulletedListImg}</tbody>