Playback 2023 - Improvements

[ashiagr]

📘 Part of: #1463

Description

• Update the share copies, hashtag
• Displays app logo in shared image
• Fix text cutoff in year over year story (Playback 2023 - Year over year listening time story #1502 (review))
• Update epilogue button style (Playback 2023 - Epilogue story #1501 (review))
• Update percentage in the completion story (Playback 2023: Completion rate story #1506 (review))
• Updates top podcast query in 7b76ad7

Testing Instructions

Update the share copies, hashtag, add app logo

• Run the app on a real device
• Make sure you're logged in to an account that has a few episodes listened to this year and last year
• Go to Profile
• Open stories
• Test sharing each story
• ✅ #playback2023 hashtag should be shared
• ✅ Double-check the text content
• ✅ Check that shared images have app logo
• ✅ Double-check the text content

Hash tag	Shared image with logo

Fix text cutoff in year over year story, Update epilogue button style, Update percentage in the completion story

• Edit EndOfYearManagerImpl to return
  YearOverYearListeningTime(totalPlayedTimeThisYear = 10000, totalPlayedTimeLastYear = 0,) for StoryYearOverYear at line 166
  EpisodesStartedAndCompleted(started = 0, completed = 0) for StoryCompletionRate at line 167
• Make sure you're logged in to Plus account that has a few episodes listened to this year and last year
• Go to Profile
• Open stories
• Go to top category story
• ✅ Check that the top category story has appropriate newlines for english lang.
• Go to year over year story
• ✅ Check that text is not cutoff in year over year story when there is a huge decrease/ increase in the listening time
• Go to completion rate story
• ✅ Check percentage is zero when no episode was started
• Go to epilogue story
• ✅ Check that "Play again" button looks good
• ✅ Check that when you tap between stories, title remain stable (except on Plus story it it moves below the subscription badge)

Top Category	Year over Year	Completion Rate	Epilogue

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

[ashiagr]

This matches iOS query: Automattic/pocket-casts-ios@844bd08 for top podcast

Slack discussion: p1698773178757819-slack-C041BGTFQ5R

[mchowning]

Nice work, these are some good improvements!

[pocketcasts]

	1 Warning
⚠️	View files have been modified, but no screenshot is included in the pull request. Consider adding some for clarity.

Generated by 🚫 Danger