Rev 5373 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
/* eslint-disable react/prop-types */
import React from 'react'
import { profileTypes } from '../../Profile.types'
import ProfileImg from './profile-img/ProfileImg'
import SocialNetworks from './social-networks/SocialNetworks'
const ProfileInfo = ({
entityId = '',
profileId = '',
image = '',
following = '',
follower = '',
facebook = '',
twitter = '',
instagram = '',
imageProfileCover = '',
profileType = '',
}) => {
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="profile-info">
<ProfileImg
entityId={entityId}
profileId={profileId}
image={image}
imageProfileCover={imageProfileCover}
profileType={profileType}
/>
<div className="user_pro_status">{status}</div>
<SocialNetworks
facebook={facebook}
twitter={twitter}
instagram={instagram}
entityId={entityId}
profileId={profileId}
profileType={profileType}
/>
</div>
)
}
export default ProfileInfo