humenius/ts-onlinetime-ranks
1
1
Fork 0
Code Issues 1 Pull Requests Releases 2 Wiki Activity

feature(database-connection): Fix blur flickering

Browse Source
This commit is contained in:
Humenius
2021-01-12 12:26:29 +01:00
parent 7af903638d
commit 1b7046788e
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/pages/MainPage/MainPage.tsx
View File

@@ -98,10 +98,12 @@ const MainPage: FC<IMainPageProps> = (props: IMainPageProps) => {
useEffect(() => { useEffect(() => {
UserStatsMockService.getStats(seasonId) UserStatsMockService.getStats(seasonId)
.then(res => setSeasonStats(res)) .then(res => {
setSeasonStats(res)
setLoadingState(false)
})
.catch(err => setError(err)) .catch(err => setError(err))
.finally(() => toggleLoading()) }, [seasonId, setLoadingState])
}, [seasonId, toggleLoading])
return ( return (
<div className="MainPage"> <div className="MainPage">
@@ -118,12 +120,12 @@ const MainPage: FC<IMainPageProps> = (props: IMainPageProps) => {
// : <UserList onSeasonIdChange={setSeasonId} userStats={seasonStats} mocked={!(!error)} /> // : <UserList onSeasonIdChange={setSeasonId} userStats={seasonStats} mocked={!(!error)} />
} }
<div className="UserList-container"> {/*<div className="UserList-container">*/}
<ClipLoader color={spinnerColor} loading={true} size={150} /> {/* <ClipLoader color={spinnerColor} loading={true} size={150} />*/}
<div className={loading ? "" : ""}> <div className={loading ? "blurred" : ""}>
<UserList onSeasonIdChange={setSeasonId} userStats={seasonStats} /> <UserList onSeasonIdChange={setSeasonId} userStats={seasonStats} />
</div> </div>
</div> {/*</div>*/}
{/* { this.state.error != null ? <p className="error-message"> { this.state.error } Please try again later!</p> : null} */} {/* { this.state.error != null ? <p className="error-message"> { this.state.error } Please try again later!</p> : null} */}
<Footer /> <Footer />
</div> </div>