Popular posts

I have to say I cheat with a component

const BlueCircleAjaxLoader = ({loaded, children}) => {

    const renderChildren = () => {
        if (loaded) {
            return (
                <div className="child-wrapper">
                    {children}
                </div>
            )
        }

        return (
            <div className='uil-ring-css' style={{transform : "scale(0.64)"}}>
                <div />
            </div>
        )
    };


    return (
        <div className="ajax-loading-container">
            {renderChildren()}
        </div>
    );
};

export default BlueCircleAjaxLoader;