import "./index.scss"; const TimeLineItem = ({ data }) => (
{/* top --> time & date */}
{data.active && (
)}
-
{/* middle --> title & content */}

{data.text}

{data.content}

{/* divider */}
{/* bottom --> users */}
{data.users.slice(0, 3).map((user, index) => (

{user.name + " " + user.lname}

{Number(index) >= 2 ? (

و

) : (

،

)} {Number(index) === 2 && (

{data.users.length - 2}+ نفر دیگه

)}
))}
{/* profilePic */}
{data.users.slice(0, 3).map((user, i) => ( ))}
); export default TimeLineItem;