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 #3554

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

mebarbosa
Copy link
Contributor

@mebarbosa mebarbosa commented Feb 5, 2025

Description

  • Add the suggested folder paywall. For now, we will display if the feature flag is ON, but in the next PRs this will depend if we get suggested folder from server
  • I faced an issue that I think is related to this reported one Account Details page becomes unresponsive after seeing an offer #3462, so once we see the offer we can't interact with the screen anymore. I will have to fix this in another PR

Fixes #3553

Testing Instructions

  1. Have the feature flag ON
  2. Open the app with free account
  3. Go to Podcasts tab
  4. Tap to create a folder
  5. You should see the suggested folders paywall bottom sheet ✅
  6. Maybe later button should dismiss ✅
  7. Use these folders button should open the paywall with plans ✅

Screenshots or Screencast

Screen_recording_20250205_151647.webm
Theme Theme Theme Theme
Screenshot_20250205_151605 Screenshot_20250205_151617 Screenshot_20250205_151628 Screenshot_20250205_151548
Larger Font Size Landscape
big land

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 18:25
@mebarbosa mebarbosa requested review from MiSikora and removed request for a team February 5, 2025 18:25
@dangermattic
Copy link
Collaborator

1 Error
🚫 PR requires a [Type] label and either a [Area] or [Project] label.

Generated by 🚫 Danger

}

@Composable
private fun Folders(podcastUuids: List<String>, modifier: Modifier = Modifier) {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

When this PR got merged I will refactor this common part

@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
Commit0ca7209
Direct Downloadpocketcasts-app-prototype-build-pr3554-0ca7209.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
Commit0ca7209
Direct Downloadpocketcasts-automotive-prototype-build-pr3554-0ca7209.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
Commit0ca7209
Direct Downloadpocketcasts-wear-prototype-build-pr3554-0ca7209.apk


@Composable
private fun Folders(podcastUuids: List<String>, modifier: Modifier = Modifier) {
val folders = 3
Copy link
Contributor

Choose a reason for hiding this comment

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

Is there a need for this val?

private fun Folders(podcastUuids: List<String>, modifier: Modifier = Modifier) {
val folders = 3

LazyVerticalGrid(
Copy link
Contributor

Choose a reason for hiding this comment

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

I might be missing something by why use LazyVerticalGrid over a Row?

savedInstanceState: Bundle?,
) = contentWithoutConsumedInsets {
AppTheme(theme.activeTheme) {
SuggestedFoldersPaywall(
Copy link
Contributor

Choose a reason for hiding this comment

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

We should handle window insets and not draw the content behind the camera punch hole.

410124626-120bd39b-bafd-42b5-8f17-0be36c14a7c9

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] Bottom Sheet Paywall
4 participants