Skip to content

expand + icon menu to support photo, contact and file attachments.#54

Open
mildrette wants to merge 3 commits into
smswithoutborders:masterfrom
mildrette:Feature-Mildred
Open

expand + icon menu to support photo, contact and file attachments.#54
mildrette wants to merge 3 commits into
smswithoutborders:masterfrom
mildrette:Feature-Mildred

Conversation

@mildrette
Copy link
Copy Markdown
Member

@mildrette mildrette commented Jun 3, 2026

Before, the + button only opened the image picker.
Now, it opens a menu with additional attachment options.

Changes

File: ui/components/ConversationsComponents.kt

  • Updated the + button to open a dropdown menu
  • Added isMenuExpanded state to manage menu visibility
  • Added contact picker support
    • Select a contact
    • Insert the contact name and phone number into the message box
  • Added file picker support
    • Attach files to messages

Testing

  1. Open a conversation
  2. Tap the + button
  3. Confirm the dropdown menu appears
  4. Test Photo attachment
  5. Test Attach Contact
  6. Test Attach File
  7. Tap outside the menu and confirm it closes

Closes #49

short

…are contact, and share file. when you press +, the menu opens. when you choose something, the menu closes first so the screen does not overlap
@mildrette mildrette requested a review from sherlockwisdom June 3, 2026 14:15
@sherlockwisdom
Copy link
Copy Markdown
Member

sherlockwisdom commented Jun 4, 2026

Please attach a screenshot - crop the part of the changes

Copy link
Copy Markdown
Member

@sherlockwisdom sherlockwisdom left a comment

Choose a reason for hiding this comment

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

Move the

}

val coroutineScope = rememberCoroutineScope()
val contactPickerLauncher = rememberLauncherForActivityResult(
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Please move this to an external composable

mildrette added 2 commits June 4, 2026 10:29
…atcompose to seperate composables, other changes include a updated dropdown to buttomSheet and a test file for conversationsComponents testing for the following checks that index and total number shows on the screen, check that placeholder text shows when search is empty, check that the + button is visible, tapping + button sheet show up with photo contact and file, that each button in the bottom shows, send button shows when you type something, send button hides when text field is empty, checks that tapping the send button actually triger the send action, check that the resend options shows up, and delete also shows and all test passed
@mildrette
Copy link
Copy Markdown
Member Author

@sherlockwisdom i have pushed new changes to this PR,
here is what i added on top of the update, i was already working on this changes before the feedback

  • moved the contact picker and file picker out of
    ChatCompose into their own separate composables called
    ContactPickerLauncher and FilePickerLauncher

  • changed the popup menu to a bottom sheet that slides
    up when you tap the + button, it shows Photo, Contact
    and File as round buttons just like Google Messages

  • added a test file called ConversationsComponentsTest.kt
    that tests all the UI components, all the test passed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

(UI) Plus icon in compose area only opens images picker

2 participants