text: import React from "react";
  import PropTypes from "prop-types";
  import styles from "./styles.scss";
  import Loading from "components/Loading";
  import UserDisplay from "components/UserDisplay";
  
  const Explore = (props, context) => {
    if(props.loading) {
      return <LoadingExplore />;
    } else if(props.userList) {
      return <RenderExplore {...props}/>
    }
  }
  
  const LoadingExplore = props => (
    <div className={styles.userList}>
      <Loading />
    </div>
  );
  
  const RenderExplore = props => (
    <div className={styles.userList}>
      {props.userList.map(user => (
        <UserDisplay big={true} user={user} key={user.id} />
      ))}
    </div>
  );
  
  Explore.propTypes = {
    loading: PropTypes.bool.isRequired,
    userList: PropTypes.array
  };
  
  export default Explore;