Responsive notifcation page using Svelte & Flexbox

Community feedback

• 

  P

  visualdennis•8,375

  @visualdenniss

  Posted over 2 years ago

  Hey there,

  nice work with the component! Your final result looks good. Couple suggestions:

  • it probably makes more sense to show no count for when it is 0, so the counter is displayed only when there is at least one unread notification. This is also a common practice with messages, it usually says 1 new message or (1) message, but not (0)message

  • You might also consider about how to implement the functionality on marking individual notifications as read when they are clicked on. E.g. You can use data-attributes for that and pass an id onClick, which then seeks the data with that id value matching and changing its class or data about read/unread. Or just states/useState like in React, if Svelte has it (i dont have any exp with Svelte)

  Hope you find this feedback helpful!

  01

  Marked as helpful