You are browsing as a guest. Sign up (or log in) to start making projects!

2h 22m 26s logged

Frontend messaging UI

  • Added the chat messages frontend UI that looks like a combination of Slack and Discord with buttons and components for features like replying, reacting, and other chat stuff. Because the realtime Socket.io backend isn’t implemented yet, these are just placeholder elements for now and are not functional
  • For each message, you can see the sender’s profile picture, name, localized and human readable timestamp, message, reactions and their counts, and a bar displaying message options that shows up when you hover over the message
  • Added date separators/horizontal rules to separate chat messages from different dates, improving readability and ease of use
  • Added temporary placeholder data to simulate chat messages
  • When you press on reply, a bar now appears above the message input field that shows you’re replying to someone’s message with its preview. You can also cancel the reply by closing the bar
  • Updated UI behavior of the emoji selection menu to ensure it works for all screen sizes
  • Updated styling and UI
  • Updated schema and types
  • Fixed deployment issues with npm
0
9

Comments 0

No comments yet. Be the first!