Improved the loading state UI in the Form Renderer Component

malak-elbanna commented 4 months ago

Changes Made

Animated Loading Indicator

Replaced the InlineLoading component with the Loading component from the Carbon Design System.
The new loading indicator is animated and provides a visual to the user during the loading process.

User Feedback

Added a text message below the loading indicator to inform the user that the form is currently loading.
The message is localized support multiple languages using the useTranslation hook.

No Overlay

Configured the Loading component to display without an overlay.

Conclusion

The updated loading state in the FormRenderer component aims to create a more pleasant and engaging user experience during form loading times. By providing an animated loading indicator and a descriptive message, users are kept informed and assured that the application is actively working to load the necessary resources.

malak-elbanna commented 2 months ago

Thanks @malak-elbanna , kindly address the conflicts

Resolved! Thank you

hadijahkyampeire commented 2 months ago

@malak-elbanna there are new conflicts, please resolve them as well.

openmrs / openmrs-esm-form-builder