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

enhancement: added shimmer effect #884

Merged
merged 8 commits into from
Oct 16, 2024

Conversation

rishirishhh
Copy link
Member

@rishirishhh rishirishhh commented Oct 12, 2024

Date: 12/10/2024

Developer Name: Kavya Rishi


Issue Ticket Number

Description

Currently in the extension requests card when it is loading we see a slight delay in some of the elements being rendered, during that time when those element are being rendered , there is nothing in the UI to show that its being rendered . There is just a blank. This can be seen in the screenshot that i have shared. The data that has already being loaded by the card is inaccessible to the user because of the loading spinner. Hence the loading spinner should be removed and there should be a shimmer in the place of the data that is still being loaded.

Documentation Updated?

  • Yes
  • No

Under Feature Flag

  • Yes
  • No

Database Changes

  • Yes
  • No

Breaking Changes

  • Yes
  • No

Development Tested?

  • Yes
  • No

Screenshots

Screenshot 1
Screencast.from.16-10-24.12.37.48.PM.IST.webm

Test Coverage

Screenshot from 2024-10-12 22-25-05

@rishirishhh rishirishhh marked this pull request as ready for review October 12, 2024 11:00
Copy link

cloudflare-workers-and-pages bot commented Oct 12, 2024

Deploying dashboard-rds with  Cloudflare Pages  Cloudflare Pages

Latest commit: cb9878e
Status: ✅  Deploy successful!
Preview URL: https://5b46e91e.dashboard-rds.pages.dev
Branch Preview URL: https://enhancement-removing-extensi.dashboard-rds.pages.dev

View logs

@joyguptaa
Copy link
Contributor

joyguptaa commented Oct 12, 2024

The test Coverage Screenshot is not visible. Please Check. Also tests are failing

@rishirishhh
Copy link
Member Author

Screenshot from 2024-10-12 22-25-05
Test Coverage

@shubhdevelop
Copy link

Screenshot from 2024-10-12 22-25-05 Test Coverage

add it to the Pr description it's still not visible there

shubhdevelop
shubhdevelop previously approved these changes Oct 15, 2024
@joyguptaa
Copy link
Contributor

Screenshot from 2024-10-12 22-25-05 Test Coverage

Please add coverage screenshot for extension-requests/script.js file as it is not visible in the attached image.

@rishirishhh
Copy link
Member Author

Screenshot from 2024-10-12 22-25-05 Test Coverage

Please add coverage screenshot for extension-requests/script.js file as it is not visible in the attached image.

Screenshot from 2024-10-16 00-10-41
Here is the image @joyguptaa

joyguptaa
joyguptaa previously approved these changes Oct 15, 2024
Copy link
Member

@iamitprakash iamitprakash left a comment

Choose a reason for hiding this comment

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

make design uniform

@shubhdevelop
Copy link

update the video in PR, reflecting latest changes

@rishirishhh
Copy link
Member Author

Screencast.from.16-10-24.12.37.48.PM.IST.webm

@iamitprakash iamitprakash merged commit 4748e27 into develop Oct 16, 2024
5 checks passed
@iamitprakash iamitprakash deleted the enhancement/removing-extension-card-spinner branch October 16, 2024 13:47
@rishirishhh rishirishhh mentioned this pull request Oct 16, 2024
VaibhavSingh8 pushed a commit that referenced this pull request Nov 4, 2024
* enhancement: added shimmer effect

* added e2e tests

* removed comments from style.css

* Update tests.yml

This will be removed eventually

* Update tests.yml

* added uniform design to the card

* fixed small error
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Enhancement: Add shimmer effect to the still loading part of the extension requests card
5 participants