loadingIndicator LoadingIndicator.tsx

100% Statements 33/33

50% Branches 1/2

100% Functions 1/1

100% Lines 33/33

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
28
29 1x
1x
1x
1x
1x
1x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
2x
1x import * as React from "react"
import { Bounds } from "../../clientUtils/Bounds"
 
const DEFAULT_COLOR = "#333"
 
export const LoadingIndicator = (props: {
    backgroundColor?: string
    bounds?: Bounds
    color?: string
    title?: string
}): JSX.Element => {
    return (
        <div
            className="loading-indicator"
            title={props.title}
            style={{
                backgroundColor: props.backgroundColor,
                ...props.bounds?.toCSS(),
            }}
        >
            <span
                style={{
                    borderColor: props.color || DEFAULT_COLOR,
                }}
            />
        </div>
    )
}