src/fields/FieldLoader.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import { observable } from 'mobx';
import { observer } from 'mobx-react';

import * as React from 'react';
import './FieldLoader.scss';

@observer
export class FieldLoader extends React.Component {
    @observable public static ServerLoadStatus = { requested: 0, retrieved: 0 };
    public static active = false;

    render() {
        return (
            <div
                className="fieldLoader"
                style={{
                    zIndex: 10000,
                    margin: 'auto',
                    width: 200,
                    height: 75,
                    background: 'lightblue',
                    display: 'block',
                    position: 'absolute',
                }}>{`Requested: ${FieldLoader.ServerLoadStatus.requested} ... ${FieldLoader.ServerLoadStatus.retrieved} `}</div>
        );
    }
}