misc_pterodactyl-panel/resources/scripts/components/elements/SpinnerOverlay.tsx
Dane Everitt f0ca8bc3a3
Handle connecting to websocket instance
Very beta code for handling sockets
2019-06-29 16:14:32 -07:00

15 lines
613 B
TypeScript

import React from 'react';
import classNames from 'classnames';
import { CSSTransition } from 'react-transition-group';
import Spinner from '@/components/elements/Spinner';
export default ({ large, visible }: { visible: boolean; large?: boolean }) => (
<CSSTransition timeout={150} classNames={'fade'} in={visible} unmountOnExit={true}>
<div
className={classNames('absolute pin-t pin-l flex items-center justify-center w-full h-full rounded')}
style={{ background: 'rgba(0, 0, 0, 0.45)' }}
>
<Spinner large={large}/>
</div>
</CSSTransition>
);