Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5373 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |

import React from "react";
import { profileTypes } from "../../Profile.types";
import ProfileImg from "./profile-img/ProfileImg";
import SocialNetworks from "./social-networks/SocialNetworks";

const ProfileInfo = (props) => {
  // props destructuring
  const {
    entityId,
    profileId,
    image,
    following,
    follower,
    facebook,
    twitter,
    instagram,
    imageProfileCover,
    addNotification,
    profileType,
  } = props;

  let status;
  switch (profileType) {
    case profileTypes.USER:
      status = (
        <ul className="flw-status">
          <li>
            <span>Siguiendo</span>
            <b>{following}</b>
          </li>
          <li>
            <span>Seguidores</span>
            <b>{follower}</b>
          </li>
        </ul>
      );
      break;
    case profileTypes.COMPANY:
      status = (
        <ul className="flw-status">
          <li>
            <span>Seguidores</span>
            <b>{follower}</b>
          </li>
        </ul>
      );
      break;

    default:
      status = <ul className="flw-status">Sin Estado</ul>;
      break;
  }

  return (
    <div className="user_profile">
      <ProfileImg
        entityId={entityId}
        profileId={profileId}
        image={image}
        imageProfileCover={imageProfileCover}
        addNotification={addNotification}
        profileType={profileType}
      />
      {/* <!--user-pro-img end--> */}
      <div className="user_pro_status">{status}</div>
      {/* <!--user_pro_status end--> */}
      <SocialNetworks
        facebook={facebook}
        twitter={twitter}
        instagram={instagram}
        entityId={entityId}
        profileId={profileId}
        addNotification={addNotification}
        profileType={profileType}
      />
    </div>
  );
};

export default ProfileInfo;