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;