content: 
  import React from 'react';
  import axios from 'axios';
  import s from './Tenants.css';
  import PropTypes from 'prop-types';
  import TenantCard from './TenantCard';
  import withStyles from 'isomorphic-style-loader/lib/withStyles';
  import Loader from '../../components/Loader/Loader';
  
  
  class Tenants extends React.Component {
  
    static propTypes = {
      news: PropTypes.arrayOf(PropTypes.shape({
        title: PropTypes.string.isRequired,
        link: PropTypes.string.isRequired,
        content: PropTypes.string,
      })).isRequired,
    };
  
    constructor(props) {
      super(props);
      this.state = {
        tenants: [],
        loading: true
      };
    }
  
    componentWillMount() {
      axios.get('http://54.190.49.213/index.php/tenants')
        .then((response) => {
          console.log(response);
          this.setState({
            tenants: response.data,
            loading: false
          });
        })
        .catch(function (error) {
          console.log(error);
        });
    }
  
    render() {
      if (!this.state.loading) {
      return (
        <div className={s.root}>
          {this.state.tenants.map((item, i) => {
            return <TenantCard tenant={item} key={i} />
          })}
        </div>
      );
      }
      return (
        <Loader/>
      )
    }
  }
  
  export default withStyles(s)(Tenants);
  