Skip to content

Comments

Creating New Chatrooms without chat functionality yet.#458

Closed
JRB958 wants to merge 23 commits intomainfrom
feature/issue-365/finish-UI-for-Frontend
Closed

Creating New Chatrooms without chat functionality yet.#458
JRB958 wants to merge 23 commits intomainfrom
feature/issue-365/finish-UI-for-Frontend

Conversation

@JRB958
Copy link
Contributor

@JRB958 JRB958 commented Mar 31, 2025

Related to #365
This PR introduces creating a chat feature with the following functionalities:

  • Chat List View
  • Implemented a chat list that displays all existing chat rooms (individual and group).
  • Each chat card shows:
    • The chat title : group name for group chat or individual's name
    • The most recent message
    • The timestamp of the last message
  • Starting a New Chat with an existing friend
    • From a friend's profile: Tapping the "Message" button opens or creates a one-on-one chat room.
    • From the chat tab ("+" button):
      • Selecting one user creates a new one-on-one chat.
      • Selecting multiple users prompts for a group name to create a group chat.
  • Chat Room Screen
    • Integrated react-native-gifted-chat to render the chat interface (configuration to follow in future PRs).
    • The header displays:
    • Chat title (either the friend's name or the group name)
    • An info section:
      • Displays participants (if it's a group chat)
      • Options to leave or delete the chat (based on user permissions)

NOTES BEFORE REVIEW:

  • you will get an error concerning the react-native-keyboard-controller library which is native and doesn't work with Expo Go so please ignore this error as it is not yet used in the implementation of the chat.
  • sending messages is not yet implemented and will be in a future PR. this only regarding the routing and the creation of chatrooms (group and individuals)

Test steps:

to start a chat from the user profile with an individual

  • login
  • go to your friends list
  • click on "Message"
  • route to the chat with the user's title
  • the title of the chat for the other user will be yours

to start a chat from the chat tab

  • login
  • go to chat tab
  • click on the +
  • select user(s)
  • add group title if applicable
  • create chat and route to it

creators of a chatroom can delete it*
members can leave it.*

@JRB958 JRB958 self-assigned this Mar 31, 2025
@JRB958 JRB958 added frontend Frontend related, client side Communication Epic user story 5 labels Mar 31, 2025
@JRB958 JRB958 linked an issue Mar 31, 2025 that may be closed by this pull request
Copy link
Contributor

@NicolasChelico NicolasChelico left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm , core feature here

@JRB958
Copy link
Contributor Author

JRB958 commented Apr 2, 2025

there's a bug, when a room is created and no message is sent, there's bug fetching the room information because the message array is empty

JRB958 and others added 20 commits April 2, 2025 01:51
…nge later due to incompatibility with react native expo
- changes to createUserChatroom are now caushing 400 (but over postamn too)
@JRB958 JRB958 force-pushed the feature/issue-365/finish-UI-for-Frontend branch from 29c0b02 to 569c266 Compare April 2, 2025 06:11
@JRB958
Copy link
Contributor Author

JRB958 commented Apr 10, 2025

addressed and merged in #471

@JRB958 JRB958 closed this Apr 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Communication Epic user story 5 frontend Frontend related, client side

Projects

None yet

Development

Successfully merging this pull request may close these issues.

messaging frontend

3 participants