Hello everyone,
Hi everyone, I’m interested in contributing to the Animated Loading Visualization integration. My experiments have led to the creation of a prototype directly within the conditions-form—specifically enhancing the user experience around the search and saving functionalities in the openmrs-esm-patient-chart. To achieve this, I’ve established a new directory within the esm-patient-common-lib and developed a bespoke component tailored for this purpose. I’m eager to push further and create an even more polished solution.
This is the link to the screencast showing the demo.
import React from 'react';
import logo from './openmrs-logo.svg';
import styles from './loader.scss';
export interface OpenmrsLogoLoaderProps {
className?: string;
description?: string;
}
export const OpenmrsLogoLoader: React.FC<OpenmrsLogoLoaderProps> = ({ className, description }) => {
return (
<div className={`${styles.logoWrapper} ${className}`}>
<img src={logo} alt="loading" className={styles.logo} />
<span>{description}</span>
</div>
);
};
@jayasanka, @hadijah315 @dkigen are CSS animations part of the potential solution to this project