[https://www.loom.com/share/ecb6d368b1b24b81a2a8a885d5b1b83b](https://www.loom.com/share/ecb6d368b1b24b81a2a8a885d5b1b83b "smartCard-inline")
- Add group messaging
- The code should be good to do this already, just needs UI elements added.
- Let me know if this is not the case
- Make the icons blink with an animation when new message comes in
- Allow users to share files using our current file transfer Upload.tsx which can take images and files etc.
- Add a 2nd conversation if the screen width is past 768px
- When a new message is received and the Conversations is closed show a badge app on the messages icon in the header.
- UX
- The icon bouncing is too low. Need a way to show it that is smooth. Perhaps moving it to the top header?
- The Conversations div should not scroll with the overflow in the users list
- Maybe the minimize feature was good. It is nice for them to popup when you were chatting. Sorry ma dude, Facebook was right.
Follow Up
[https://www.loom.com/share/7560d501e37d4266b2d112b48e567031](https://www.loom.com/share/7560d501e37d4266b2d112b48e567031 "smartCard-inline")
- Please Lint before making PR
- Let me know if auto lint on save has issues
- Blinking not working, but blue dot does, remove blue dot and replace with the animation. When blinking works it is too fast, also change the blinker to the background, not the avatar
- Please fix red warnings asking for titles
- Convert to our standard class for inputs
- no need for setQuery if refetch is ran on ConversationList
- rename `ConversationPersistanceState` to MessagesState
- Sorry, I like the minimize especially in small mode.
- Header hiding conversation
- Can the upload show the filename?
- 2nd conversation shown when in wide mode
- Messages is memo’d which is possibly why dynamic updates are not working
- `ocalConversationPersistanceState.openConversations.length` add when length 0 to load the component for Start a new conversation
- Avatar showing wrong on reverse side
- Add avatar for group messages
Follow Up 2
[https://www.loom.com/share/726459c5279c472c85fffaa2819ea751](https://www.loom.com/share/726459c5279c472c85fffaa2819ea751 "smartCard-inline")
- It only blinks once, needs to continue blinking until clicked
- Fix hydration error shown in console
- Fix button in Messages.tsx red warning. Just needs a title.
- it is only showing 1 conv at a time
- missing the `openConversations.length` === 0 does not show the Start a new conversation componment
- The ConvList and Messages is not synced. If they read off the same context they will be synced no issue.
- For group message show the sender avatar on right
- overflow x slider should not activate, an element is taking too much space somewhere
