25 lines
702 B
TypeScript
25 lines
702 B
TypeScript
import React from 'react';
|
|
|
|
import LandingGradient from 'pl-fe/components/landing-gradient';
|
|
import Spinner from 'pl-fe/components/ui/spinner';
|
|
import { useSettings } from 'pl-fe/hooks/use-settings';
|
|
|
|
/** Fullscreen loading indicator. */
|
|
const LoadingScreen: React.FC = React.memo(() => {
|
|
const { theme } = useSettings();
|
|
|
|
return (
|
|
<div className='fixed h-screen w-screen'>
|
|
{(theme?.backgroundGradient ?? true) && <LandingGradient />}
|
|
|
|
<div className='d-screen fixed z-10 flex w-screen items-center justify-center'>
|
|
<div className='p-4'>
|
|
<Spinner size={40} withText={false} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|
|
|
|
export { LoadingScreen as default };
|