camelPhonso commented 2 months ago

Description

Closes #329

Bug fix for displaying a notification dot over any conversation card to a conversation with unread messages.

Extended tests to our messaging feature to avoid regression.

supabase/migrations/20240906121523_**.sql - new migration file recreating the fetch_user_conversations function in our database to return the value of has_unread_messages in each conversation
ConversationsList.tsx - added useEffect to update notificationsList local state when changes occur to allConversations in the wider context.
components/messaging/**.tsx && app/styles/messaging-styltes.css - lifted some stylings and added name attributes to some elements for testability of the messaging functionality
messaging.cy.js, URLS.json && conversationsPage.js- new testing suite for messaging feature

none - everything looks the same as before the bug was introduced

none

Tests

New test suite verifies that:

users can see a notification dot for any conversations with unread messages
clicking a conversation removes the notification dot from it
a conversation can be marked as unread via the ellipsis button on the conversation card
a conversation can be deleted via the ellipsis button on the conversation card
a new message can be sent and will be immediately displayed on the page

netlify[bot] commented 2 months ago

Name	Link
Latest commit	2c7e49b5df7bfc2e3877fcd77d18e8f72403c068
Latest deploy log	https://app.netlify.com/sites/cool-creponne-3e1272/deploys/66e9400ea2dbbc000889a19f
Deploy Preview	https://deploy-preview-332--cool-creponne-3e1272.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.