Crud: Change loading state to use skeleton loader

Sascha Eggenbergerrequested to merge
crud-change-loader-to-skeleton into master

What does this MR do and why?

Crud:

  • Change loading state to use skeleton loader
  • Update related specs to check for Crud's isLoading prop instead of checking which component gets rendered

Hides count while loading, too.

Screenshots or screen recordings

Before After
before_crud after_crud
before_example after_example

How to set up and validate locally

  1. run the product storybook locally (yarn storybook:start)
  2. Go to http://localhost:9002/?path=/story/vue-shared-crud--is-loading
  3. Check Crud instances in the product, e.g. in Issues (e.g. https://gdk.test:3000/flightjs/Flight/-/issues/38)

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #512695 (closed)

Edited by Sascha Eggenberger

Merge request reports