Interactive Comment Section w/ Typescript & React

Community feedback

• 

  Mehmet Akif AKKUŞ•170

  @mehmetakifakkusPosted over 1 year ago

  Congratulations finishing this task,

  I will divide my comments into 2 parts namely visually and functionally.

  Visual comments:

  • For the comment-card class on your css file, you can make mode padding from top and bottom by typing this: padding: 25px 20px. It will put more spaces to the top and bottom, and it will be much similar to the design.

  • Instead of making score board centered, according to the design all of them seem starting from the top, so you can change your css .comment-card as this: align-items: baseline;

  • For your send button inner text color (it is black rn.), you can style in your .adder-send class by adding color attribute: color: white

  • You can also add hover effect as pointer in your .edit-button span class: cursor:pointer

  Functionality and code All functionalities are working perfectly, but I have some advice for your code base.

  •           createdAt={items.createdAt}
              score={items.score}
              user={items.user}
              replies={items.replies}```
    

  instead of passing parameters separately, you can only sent items as comment, then you can destructure it in the child component const {score, user, replies} = comment

  • Another useful thing I can say is that you can use Context API to centralize storage and use whenever you need it.

  Take care and happy coding

  Marked as helpful

  1

  ---

  

  PatrickLee22•170

  @PatrickLee22Posted over 1 year ago

  @mehmetakifakkus Thank you for your feedback and taking the time to review my solution.

  I was surprised that the SEND button's text was black in the screenshot, and for you by the sounds of it. The text has been white from my perspective.

  0