Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Suggested Folder] Create suggested folder screen UI #3550

Merged
merged 9 commits into from
Feb 6, 2025

Conversation

mebarbosa
Copy link
Contributor

@mebarbosa mebarbosa commented Feb 5, 2025

Description

  • This PR creates the suggested folder UI with folders mocks, so for this PR you can ignore the folder part
  • I will be using the same Folder component that we use in Podcasts screen to keep the consistency
  • This feature will be behind a feature flag
  • See: QmqtGNKfPivyq5BrVRPpyV-fi-41_7024

Fixes #3549

Testing Instructions

  1. Ensure the suggested folder feature flag is enabled
  2. Log with a Pus / Patron account
  3. Go to Podcasts tab
  4. Tap to create a Folder
  5. See the new screen and check the layout
  6. Tap on Create custom folders
  7. Ensure you see the create folder screen

Screenshots or Screencast

Screen_recording_20250205_093219.webm
Theme 1 Theme 2 Theme 3 Theme 4
Screenshot_20250204_170640 Screenshot_20250204_170705 Screenshot_20250204_170718 Screenshot_20250205_094218

Checklist

  • If this is a user-facing change, I have added an entry in CHANGELOG.md
  • Ensure the linter passes (./gradlew spotlessApply to automatically apply formatting/linting)
  • I have considered whether it makes sense to add tests for my changes
  • All strings that need to be localized are in modules/services/localization/src/main/res/values/strings.xml
  • Any jetpack compose components I added or changed are covered by compose previews
  • I have updated (or requested that someone edit) the spreadsheet to reflect any new or changed analytics.

I have tested any UI changes...

  • with different themes
  • with a landscape orientation
  • with the device set to have a large display and font size
  • for accessibility with TalkBack

@mebarbosa mebarbosa added this to the 7.83 milestone Feb 5, 2025
@mebarbosa mebarbosa requested a review from a team as a code owner February 5, 2025 12:44
@mebarbosa mebarbosa requested review from geekygecko and removed request for a team February 5, 2025 12:44
@wpmobilebot
Copy link
Collaborator

wpmobilebot commented Feb 5, 2025

📲 You can test the changes from this Pull Request in 📱 Mobile by scanning the QR code below to install the corresponding build.
App Name 📱 Mobile
Build TypedebugProd
Commitbbd3478
Direct Downloadpocketcasts-app-prototype-build-pr3550-bbd3478.apk
📲 You can test the changes from this Pull Request in 🚗 Automotive by scanning the QR code below to install the corresponding build.
App Name 🚗 Automotive
Build TypedebugProd
Commitbbd3478
Direct Downloadpocketcasts-automotive-prototype-build-pr3550-bbd3478.apk
📲 You can test the changes from this Pull Request in ⌚ Wear by scanning the QR code below to install the corresponding build.
App Name ⌚ Wear
Build TypedebugProd
Commitbbd3478
Direct Downloadpocketcasts-wear-prototype-build-pr3550-bbd3478.apk

Comment on lines 58 to 62
Column(
modifier = Modifier
.padding(horizontal = 16.dp)
.padding(bottom = 16.dp),
) {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I created this column to put the close icon out and increase its touch area

count = folders,
key = { index -> index },
) { index ->
FolderItem("Test", Color.Yellow, podcastUuids)
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I am mocking the folders for this PR to see the folders on screen

@mebarbosa mebarbosa enabled auto-merge (squash) February 6, 2025 21:43
@mebarbosa mebarbosa merged commit 3c1c2cc into main Feb 6, 2025
15 of 16 checks passed
@mebarbosa mebarbosa deleted the task/suggested-folders-screen branch February 6, 2025 22:08
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.

[Suggested Folders] Suggested Folders Screen UI
3 participants