Skip to content

Add loading skeleton to VImageGrid #541

Closed

Description

Problem

We don't have the skeleton loading indicator in the Image grid.

Description

We use the VSkeleton component for the audio and all content grids loading state. We should also use VSkeleton to show that VImageGrid is loading. VImageGrid is used for 'Images' view and for showing the Related images on the single result page.

Alternatives

We are currently using the spinner, but it would be more consistent to use the skeleton loader for all types.

Additional context

This issue came up in another PR that was improving the loading state for related images: WordPress/openverse-frontend#1524 (comment).

Implementation

  • 🙋 I would be interested in implementing this feature.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    help wantedOpen to participation from the community✨ goal: improvementImprovement to an existing user-facing feature🔧 tech: vueInvolves Vue.js🕹 aspect: interfaceConcerns end-users' experience with the software🟩 priority: lowLow priority and doesn't need to be rushed🧱 stack: frontendRelated to the Nuxt frontend

    Type

    No type

    Projects

    • Status

      ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions