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

fix: blinking placeholder avatar on profile screen [WPB-3917] #2201

Merged

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Sep 8, 2023

BugWPB-3917 [Android] Flickering on profile picture when entering a user profile

Cherry pick from the original PR:


⚠️ Conflicts during cherry-pick:


PR Submission Checklist for internal contributors

  • The PR Title

    • conforms to the style of semantic commits messages¹ supported in Wire's Github Workflow²
    • contains a reference JIRA issue number like SQPIT-764
    • answers the question: If merged, this PR will: ... ³
  • The PR Description

    • is free of optional paragraphs and you have filled the relevant parts to the best of your ability

What's new in this PR?

Issues

When opening any profile screen, a placeholder image appears for a short amount of time before the proper avatar is loaded, even if the image is already cached.

Solutions

Provide a small delay of 200ms before showing the placeholder when loading proper avatar which is enough to fetch data from database and get the cached image, so it doesn't need to show the placeholder, only when the image is not already cached and needs to be downloaded, but even then it looks better together with the crossfade animation and new transition animations between screens.

Testing

How to Test

Open any profile screen.

Attachments (Optional)

These before/after videos are recorded with disabled transition animations to better see how exactly it looks.

Before After
avatars_before.mp4
profile_avatars_after.mp4
After with transitions
profile_avatars_after_with_transitions.mp4

PR Post Submission Checklist for internal contributors (Optional)

  • Wire's Github Workflow has automatically linked the PR to a JIRA issue

PR Post Merge Checklist for internal contributors

  • If any soft of configuration variable was introduced by this PR, it has been added to the relevant documents and the CI jobs have been updated.

References
  1. https://sparkbox.com/foundry/semantic_commit_messages
  2. https://github.com/wireapp/.github#usage
  3. E.g. feat(conversation-list): Sort conversations by most emojis in the title #SQPIT-764.

@github-actions github-actions bot added the cherry-pick PR is cherry-picking changes from another banch label Sep 8, 2023
@AndroidBob
Copy link
Collaborator

Build 654 succeeded.

The build produced the following APK's:

@vitorhugods vitorhugods added this pull request to the merge queue Sep 8, 2023
@github-actions
Copy link
Contributor Author

github-actions bot commented Sep 8, 2023

Test Results

600 tests  ±0   599 ✔️ ±0   6m 14s ⏱️ -1s
  85 suites ±0       1 💤 ±0 
  85 files   ±0       0 ±0 

Results for commit 05f1cfe. ± Comparison against base commit 4cfebfd.

@github-actions
Copy link
Contributor Author

github-actions bot commented Sep 8, 2023

APKs built during tests are available here. Scroll down to Artifacts!

Merged via the queue into develop with commit be44e32 Sep 8, 2023
11 of 12 checks passed
@vitorhugods vitorhugods deleted the fix/flickering_avatar_on_profile_screen-cherry-pick branch September 8, 2023 11:33
@AndroidBob
Copy link
Collaborator

Build 669 succeeded.

The build produced the following APK's:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
cherry-pick PR is cherry-picking changes from another banch size/L
Projects
None yet
4 participants