feat(mui): added loading spinner to <Create/>, <Edit/> and <Show/> components.

[Anonymous961]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://refine.dev/docs/guides-concepts/contributing/#commit-convention

Bugs / Features

• Related issue(s) linked
• Tests for the changes have been added
• Docs have been added / updated
• Changesets have been added https://refine.dev/docs/guides-concepts/contributing/#creating-a-changeset

What is the current behavior?

There is no loading spinner in the <Create />, <Edit />, and <Show /> components in the @refinedev/mui package. These components do not provide any visual feedback while loading or processing.

What is the new behavior?

The <Create />, <Edit />, and <Show /> components now display a loading spinner when the isLoading prop is set to true.

For the create page, the loading looks like this:

For the edit page, the loading looks like this:

For the show page, the loading looks like this:

fixes #5668

Notes for reviewers

I have used the same <CircularProgress /> spinner as suggested in the issue discussion. I was considering making the loading behavior more conditional, either by showing the loading spinner or the contents, as it can be seen that there is content behind the spinner.

[changeset-bot]

🦋 Changeset detected

Latest commit: e226f34

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@refinedev/mui	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[aliemir]

Hey @Anonymous961 thank you for your contribution! 🙏 I've sent a small commit to update the imports and updated the failed test snapshots.

We'll include this PR in our next release 🚀 🚀

[Anonymous961]

Thanks @aliemir 🙏🏻