phlux/mattermostest
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[MM-42072] Fix issues with loading screen animations (#2010)

Browse Source 
Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
This commit is contained in:
Devin Binnie
2022-03-07 09:24:26 -05:00
committed by GitHub
parent a33d98ff8a
commit 0ab6a1f80f
4 changed files with 58 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/components/LoadingAnimation/LoadingAnimation.tsx
View File

@@ -12,7 +12,6 @@ const LOADING_STATE = {
INITIALIZING: 'initializing', // animation graphics are hidden
LOADING: 'loading', // animation graphics fade in and animate
LOADED: 'loaded', // animation graphics fade out
COMPLETE: 'complete', // animation graphics are removed from the DOM
};
const ANIMATION_COMPLETION_DELAY = 500;
@@ -71,7 +70,7 @@ function LoadingAnimation({
if (onLoadAnimationComplete) {
onLoadAnimationComplete();
}
setAnimationState(LOADING_STATE.COMPLETE);
setAnimationState(LOADING_STATE.INITIALIZING);
}, 'LoadingAnimation__shrink');
return (
@@ -79,9 +78,9 @@ function LoadingAnimation({
ref={loadingIconContainerRef}
className={classNames('LoadingAnimation', {
'LoadingAnimation--darkMode': darkMode,
'LoadingAnimation--spinning': animationState !== LOADING_STATE.INITIALIZING && animationState !== LOADING_STATE.COMPLETE,
'LoadingAnimation--loading': animationState === LOADING_STATE.LOADING && animationState !== LOADING_STATE.COMPLETE,
'LoadingAnimation--loaded': animationState === LOADING_STATE.LOADED && animationState !== LOADING_STATE.COMPLETE,
'LoadingAnimation--spinning': animationState !== LOADING_STATE.INITIALIZING,
'LoadingAnimation--loading': animationState === LOADING_STATE.LOADING,
'LoadingAnimation--loaded': animationState === LOADING_STATE.LOADED,
})}
>
<LoadingIcon/>