27 lines
644 B
JavaScript
27 lines
644 B
JavaScript
import React from 'react'
|
|
|
|
const CollapsedComment = props => {
|
|
return (
|
|
<li key={props.id}>
|
|
<div className="media-body ml-3 py-2 my-auto">
|
|
<img className="px-2" alt="profile" src="anon.jpeg" height={16} />
|
|
<a href="#user">username</a>
|
|
<small className="px-3">One day ago</small>
|
|
<span
|
|
className="a"
|
|
style={{
|
|
fontVariant: 'small-caps',
|
|
color: 'blue',
|
|
cursor: 'pointer',
|
|
}}
|
|
onClick={() => props.toggleCollapse(props.id)}
|
|
>
|
|
expand
|
|
</span>
|
|
</div>
|
|
</li>
|
|
)
|
|
}
|
|
|
|
export default CollapsedComment
|