072550cd96
- pass all comments to ThreadList - filter comments based on threadLevel === parentId - pass comment id to toggleCollapse()
37 lines
962 B
JavaScript
37 lines
962 B
JavaScript
import React from 'react'
|
|
const ExpandedComment = props => {
|
|
const { text } = props
|
|
return (
|
|
<li key={props.id}>
|
|
<div className="media bg bg-dark">
|
|
<img alt="profile" src="anon.jpeg" height={64} />
|
|
<div className="media-body ml-3 my-auto">
|
|
<a href="#user">username</a>
|
|
<div>
|
|
<small>July 9 2019, 01:32:27 UTC</small>
|
|
{props.replies.length > 0 ? (
|
|
<span
|
|
className="a ml-3"
|
|
style={{
|
|
fontVariant: 'small-caps',
|
|
color: 'blue',
|
|
cursor: 'pointer',
|
|
}}
|
|
onClick={() => props.toggleCollapse(props.id)}
|
|
>
|
|
collapse
|
|
</span>
|
|
) : (
|
|
''
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>{text}</div>
|
|
<a href="#replies">reply</a>
|
|
</li>
|
|
)
|
|
}
|
|
|
|
export default ExpandedComment
|