Melvin Valster
16 lines
589 B
TypeScript
16 lines
589 B
TypeScript
import React, { FC } from 'react'
|
|
import { LoadingComponentProps as Props } from 'react-loadable'
|
|
|
|
export const PageLoader: FC<Props> = ({ isLoading, pastDelay, error, retry, timedOut }) => {
|
|
const retryButton = <button onClick={retry}>retry</button>
|
|
|
|
if (error) {
|
|
return <div className="page-loader">Something went awry... do you wish to {retryButton}?</div>
|
|
} else if (timedOut) {
|
|
return <div className="page-loader">Taking some time... {retryButton}?</div>
|
|
} else if (pastDelay) {
|
|
return <div className="page-loader">Loading...</div>
|
|
} else {
|
|
return null
|
|
}
|
|
} |