search

enohyn / component-

0 stars 0 forks source link

Missing wrapping of CommentDetail Components with parent DIV with 'ui comments' class #3

Open mwaqqas opened 4 years ago

mwaqqas commented 4 years ago

Each of the CommentDetail component should be wrapped by a div with class of "comments" and inside each CommentDetail component you would be assigning a class "comment"

Link to Semantic UI Docs: https://semantic-ui.com/views/comment.html

Check the first example in the docs.

The current way, which is wrong:

<div className= "ui container comments">
   <ApprovalCard/>
   <CommentDetail author="Shayok" timeAgo="Today at 6.00AM" comments="Nice Blog Post!" image={faker.image.avatar()}/>
   <CommentDetail author="Ullah" timeAgo="Today at 5 pm"comments="Dope"image={faker.image.avatar()}/>
   <CommentDetail author="Isfat" timeAgo="Yesterday at 9am" comments="incredible" image={faker.image.avatar()}/>
</div>

the correct way:

<div className= "ui container">
   <ApprovalCard/>
  <div className="ui comments">
     <CommentDetail author="Shayok" timeAgo="Today at 6.00AM" comments="Nice Blog Post!" image={faker.image.avatar()}/>
     <CommentDetail author="Ullah" timeAgo="Today at 5 pm"comments="Dope"image={faker.image.avatar()}/>
     <CommentDetail author="Isfat" timeAgo="Yesterday at 9am" comments="incredible" image={faker.image.avatar()}/>
  </div>
</div>