mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
37 lines
872 B
TypeScript
37 lines
872 B
TypeScript
type LoadingBrandedTypes = {
|
|
loadProgress: number // Percentage
|
|
label?: string
|
|
hasError?: boolean
|
|
}
|
|
|
|
export default function LoadingBranded({
|
|
loadProgress,
|
|
label,
|
|
hasError = false,
|
|
}: LoadingBrandedTypes) {
|
|
return (
|
|
<>
|
|
<div className="loading-screen-brand-container">
|
|
<div
|
|
className="loading-screen-brand"
|
|
style={{ height: `${loadProgress}%` }}
|
|
/>
|
|
</div>
|
|
|
|
{!hasError && (
|
|
<div className="h3 loading-screen-label" aria-live="polite">
|
|
{label}
|
|
<span className="loading-screen-ellip" aria-hidden="true">
|
|
.
|
|
</span>
|
|
<span className="loading-screen-ellip" aria-hidden="true">
|
|
.
|
|
</span>
|
|
<span className="loading-screen-ellip" aria-hidden="true">
|
|
.
|
|
</span>
|
|
</div>
|
|
)}
|
|
</>
|
|
)
|
|
}
|