Mobile drafts

[Rajat-Dabade]

Summary

Separate tab for Drafts in mobile.

Ticket Link

https://mattermost.atlassian.net/browse/MM-39356

Checklist

• Added or updated unit tests (required for all new features)
• Has UI changes
• Includes text changes and localization file updates
• Have tested against the 5 core themes to ensure consistency between them.
• Have run E2E tests by adding label E2E iOS tests for PR.

Device Information

This PR was tested on: iOS version 17.5 (Both on iPhone and ipad)

Screenshots

Release Note

Added a feature for having a separate tab for Drafts in mobile. 

Note:
Will cover all the test case for this PR in separate PR.

[Rajat-Dabade]

/update-branch

[yasserfaraazkhan]

Thank you @Rajat-Dabade

Most flows around

• Creating Draft in DM, GM, Channel, Threads, Private Chanel, under deleted thread ✅
• Sending Threads, Editing threads work as expected. ✅

There couple of flow I wanted to bring to your notice

1. On the Draft Screen, if we hit on Android's back button (not the back arrow of MM app) the app closes instead of going back to channels list page

2. Once all drafts are sent out from the draft page, we have an empty page looking like below. would it be nice to add a 'No drafts at the moment' icon, like in web app. @asaadmahmood thoughts?

[Rajat-Dabade]

Thank you @yasserfaraazkhan for reviewing the code.

On the Draft Screen, if we hit on Android's back button (not the back arrow of MM app) the app closes instead of going back to channels list page

Let me check on this.

Once all drafts are sent out from the draft page, we have an empty page looking like below. would it be nice to add a 'No drafts at the moment' icon, like in web app. @asaadmahmood thoughts?

I remember having an empty screen for the draft view, let me add it.

[Rajat-Dabade]

@yasserfaraazkhan

• On the Draft Screen, if we hit on Android's back button (not the back arrow of MM app) the app closes instead of going back to channels list page ✅
• Once all drafts are sent out from the draft page, we have an empty page looking like below. would it be nice to add a 'No drafts at the moment' icon, like in web app. @asaadmahmood thoughts? ✅

Can you please review again? Thanks.

[yasserfaraazkhan]

Thank you @Rajat-Dabade
just 1 last change, in below flow

Scenarios 1:
Steps:

• From Draft page, Edit a draft. Verify you are taken to the Channel/DM/GM
• Edit the Draft in the Channel
• Click on the < back Icon on the channel

This is taking user to Draft page. should it take user to Channels List page?

Scenarios 2:

With above steps, if we edit draft message (without sending it) and Click back button, the draft message is not updated.

Screen.Recording.2024-11-19.at.12.16.41.AM.mov

Scenario 3:

• The User group Name is shown like below

on web app it show as below

[asaadmahmood]

Overall looks good to me, minor changes though.

1. https://www.loom.com/share/37c3dde4ec484cd2a61d5afe00bb1657?from_recorder=1&focus_title=1

[asaadmahmood]

@Rajat-Dabade Also one minor thing, clicking on the message in the drafts view should take you to the channel where that message is in drafts.

[asaadmahmood]

Also @Rajat-Dabade the first time the user goes to the draft screen (with a single draft), we show this to him.
Here's the Figma link:
https://www.figma.com/design/VbEx15Tpvi9mXhs9IEjJtq/MM-45558-Drafts-%26-Schedule-Messages?node-id=5410-97500&node-type=frame&t=mL9UIcpxk6XmrU3V-11