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

feat: loading states update #3639

Merged
merged 8 commits into from
Feb 13, 2024
Merged

feat: loading states update #3639

merged 8 commits into from
Feb 13, 2024

Conversation

anmolsinghbhatia
Copy link
Collaborator

This PR introduces skeleton loaders across various layout and components, enhancing the user experience with a consistent loading interface. Skeleton loaders have been implemented in the following areas:

  • Issue, Cycle, Module, Pages, Views, and Project Layouts.
  • Profile, Project, and Workspace Settings.
  • Notifications, and more.

By replacing inconsistent spinner loaders with skeleton loaders, this PR ensures a smoother transition during data loading, offering users a more cohesive and intuitive experience.

This PR is linked to [PLE-328]

Media

image (22)
image (21)
image (20)
image (19)
image (18)
image (29)
image (28)
image (27)
image (26)
image (25)
image (24)
image (23)

@sriramveeraghanta sriramveeraghanta changed the title dev: loader feat: loading states update Feb 13, 2024
import { getRandomLength } from "../helper";

export const GanttLayoutLoader = () => (
<div className="flex flex-col h-full overflow-x-auto animate-pulse">
Copy link
Collaborator

Choose a reason for hiding this comment

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

These loaders are very hard to read, can you please break it down into further components? we cant identify which div is for which part of the loader. Can you please change them in all the loaders which have loong files

Copy link

vercel bot commented Feb 13, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
plane-web-responsive ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 13, 2024 1:41pm

Copy link
Collaborator

@rahulramesha rahulramesha left a comment

Choose a reason for hiding this comment

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

The review comment to be taken up post merge.

@sriramveeraghanta sriramveeraghanta merged commit b1989ba into develop Feb 13, 2024
9 of 11 checks passed
@sriramveeraghanta sriramveeraghanta deleted the dev/loader branch February 13, 2024 13:42
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.

3 participants