Fix user management images issue

Author: yurykurylovich

src/components/FormItems/items/ImagesViewItem.js

@@ -1,9 +1,11 @@
-import React, { Component } from "react";
+import React from "react";
 import PropTypes from "prop-types";
 import ImagesUploader from "../uploaders/ImagesUploader";
 
 const ImagesViewItem = (props) => {
  const { value, label } = props;
+ console.log("VALUE", value)
+ console.log("LABEL", label)
 
  const valueAsArray = () => {
  if (!value) {
@@ -15,7 +17,7 @@ const ImagesViewItem = (props) => {
  return [value];
  }
 
- if (!!valueAsArray().length) {
+ if (!valueAsArray().length) {
  return null;
  }
 

src/components/FormItems/uploaders/ImagesUploader.js

@@ -135,15 +135,15 @@ const ImagesUploader = (props) => {
  className="btn btn-link"
  onClick={() => doPreviewImage(item)}
  >
- <i className="la la-search"></i>
+ <i className="la la-search"/>
  </button>
  {!readonly && (
  <button
  type="button"
  className="btn btn-link ml-2"
  onClick={() => handleRemove(item.id)}
  >
- <i className="la la-times"></i>
+ <i className="la la-times"/>
  </button>
  )}
  </div>

src/components/Users/list/UsersListTable.js

@@ -28,6 +28,8 @@ const UsersListTable = (props) => {
  const { rows, dispatch, loading, idToDelete, modalOpen } = props;
  const [tableWidth, setTableWidth] = useState(window.innerWidth);
 
+ console.log("ROWS", rows)
+
  const handleDelete = () => {
  dispatch(actions.doDelete(idToDelete))
  }
@@ -85,7 +87,7 @@ const UsersListTable = (props) => {
 
  const columns = [
  {
- dataField: "avatar",
+ dataField: "avatars",
  sort: true,
  formatter: dataFormat.imageFormatter,
  text: "Avatar",