QkoSad
47 lines
1.0 KiB
JavaScript
47 lines
1.0 KiB
JavaScript
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const ProfileItem = ({
|
|
profile: {
|
|
user: { _id, name, avatar },
|
|
status,
|
|
company,
|
|
location,
|
|
skills
|
|
}
|
|
}) => {
|
|
return (
|
|
<div className='profile bg-light'>
|
|
<img src={avatar} alt='' className='round-img' />
|
|
<div>
|
|
<h2>{name}</h2>
|
|
<p>
|
|
{status} {company && <span> at {company}</span>}
|
|
</p>
|
|
<p className='my-1'>{location && <span>{location}</span>}</p>
|
|
<Link to={`/profile/${_id}`} className='btn btn-primary'>
|
|
View Profile
|
|
</Link>
|
|
</div>
|
|
<ul>
|
|
{skills.slice(0, 4).map((skill, index) => (
|
|
<li key={index} className='text-primary'>
|
|
<i className='fas fa-check' /> {skill}
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
ProfileItem.propTypes = {
|
|
profile: PropTypes.object.isRequired
|
|
};
|
|
|
|
<<<<<<< HEAD
|
|
export default ProfileItem;
|
|
=======
|
|
export default ProfileItem;
|
|
>>>>>>> cc38df43629d64ca77f694c971a13a026b3afcfb
|