Skip to content

[JP Social] Update UI for Post Settings screen#18708

Merged
RenanLukas merged 12 commits intotrunkfrom
issue/18571-jp-social-post-settings-social-connections
Jul 14, 2023
Merged

[JP Social] Update UI for Post Settings screen#18708
RenanLukas merged 12 commits intotrunkfrom
issue/18571-jp-social-post-settings-social-connections

Conversation

@RenanLukas
Copy link
Copy Markdown
Contributor

@RenanLukas RenanLukas commented Jun 28, 2023

Part of #18571

To test:
Nothing to test yet, except the UI. Please run EditPostSettingsJetpackSocialContainerConnectionsListViewPreview and EditPostSettingsJetpackSocialNoConnectionsPreview.

Regression Notes

  1. Potential unintended areas of impact
    None.

  2. What I did to test those areas of impact (or what existing automated tests I relied on)
    --

  3. What automated tests I added (or what prevented me from doing so)
    --

PR submission checklist:

  • I have completed the Regression Notes.
  • I have considered adding accessibility improvements for my changes.
  • I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

UI Changes testing checklist:

  • Portrait and landscape orientations.
  • Light and dark modes.
  • Fonts: Larger, smaller and bold text.
  • High contrast.
  • Talkback.
  • Languages with large words or with letters/accents not frequently used in English.
  • Right-to-left languages. (Even if translation isn’t complete, formatting should still respect the right-to-left layout)
  • Large and small screen sizes. (Tablet and smaller phones)
  • Multi-tasking: Split screen and Pop-up view. (Android 10 or higher)

@RenanLukas RenanLukas added this to the 22.8 milestone Jun 28, 2023
@wpmobilebot
Copy link
Copy Markdown
Contributor

wpmobilebot commented Jun 28, 2023

WordPress📲 You can test the changes from this Pull Request in WordPress by scanning the QR code below to install the corresponding build.
App NameWordPress WordPress
FlavorJalapeno
Build TypeDebug
Versionpr18708-4eab6db
Commit4eab6db
Direct Downloadwordpress-prototype-build-pr18708-4eab6db.apk
Note: Google Login is not supported on these builds.

@wpmobilebot
Copy link
Copy Markdown
Contributor

wpmobilebot commented Jun 28, 2023

Jetpack📲 You can test the changes from this Pull Request in Jetpack by scanning the QR code below to install the corresponding build.
App NameJetpack Jetpack
FlavorJalapeno
Build TypeDebug
Versionpr18708-4eab6db
Commit4eab6db
Direct Downloadjetpack-prototype-build-pr18708-4eab6db.apk
Note: Google Login is not supported on these builds.

@RenanLukas RenanLukas marked this pull request as ready for review June 30, 2023 22:43
@RenanLukas RenanLukas force-pushed the issue/18571-jp-social-post-settings-social-connections branch from d67b425 to 827b7a4 Compare July 5, 2023 15:41
@RenanLukas RenanLukas modified the milestones: 22.8, 22.9 Jul 7, 2023
@RenanLukas RenanLukas marked this pull request as draft July 14, 2023 16:33
onConnectProfilesCLick: () -> Unit,
) {
Column {
if (postSocialConnectionList.isNotEmpty()) {
Copy link
Copy Markdown
Contributor Author

@RenanLukas RenanLukas Jul 14, 2023

Choose a reason for hiding this comment

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

This decision will be moved to the ViewModel in another PR.

@peril-wordpress-mobile
Copy link
Copy Markdown

Warnings
⚠️ PR has more than 300 lines of code changing. Consider splitting into smaller PRs if possible.

Generated by 🚫 dangerJS

@RenanLukas RenanLukas marked this pull request as ready for review July 14, 2023 17:00
Copy link
Copy Markdown
Contributor

@thomashorta thomashorta left a comment

Choose a reason for hiding this comment

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

Thanks for the PR, Renan!
I added some minor comments and a concern that might require changes.

connection = connection,
onSharingChange = {},//TODO
)
Divider()
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

💡 Do we want this trailing Divider for all items, including the last one? In case we don't, we can use the index to avoid showing for the last one, wdyt?

In case we want for all items then we might want to use forEach instead of forEachIndexed.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

That's a good point. Initially I wasn't showing the last line using the index, like you said, but then I realized the design specs show the divider even for the last row. I believe the reason might be to have a clear separation between the last row and the Message container. WDYT?

image

@RenanLukas
Copy link
Copy Markdown
Contributor Author

Thanks for the review, @thomashorta . I've updated the code and replied to the comments. Please let me know if it makes sense 👍

Copy link
Copy Markdown
Contributor

@thomashorta thomashorta left a comment

Choose a reason for hiding this comment

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

Hey, thanks for renaming the Compose and View files! 🙇

I just added a comment about the modifier parameter which should be quick to fix.

Copy link
Copy Markdown
Contributor

@thomashorta thomashorta left a comment

Choose a reason for hiding this comment

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

LGTM! Nice job!!! :shipit:

@RenanLukas RenanLukas merged commit 132b5c0 into trunk Jul 14, 2023
@RenanLukas RenanLukas deleted the issue/18571-jp-social-post-settings-social-connections branch July 14, 2023 21:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants