PageLoader PageLoader.tsx

100% Statements 19/19

100% Branches 1/1

100% Functions 1/1

100% Lines 19/19

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 1x
 
1x
3x
3x
3x
3x
3x
3x
3x
3x
3x
3x
3x
3x
3x
3x
3x
3x
 
 
1x
  import { memo } from 'react';
 
const PageLoader = () => (
  <div className="scene" role="status" aria-busy="true" aria-live="polite" aria-label="Loading content">
    <div className="cube-wrapper" aria-hidden="true">
      <div className="cube">
        <div className="cube-faces">
          <div className="cube-face shadow" aria-hidden="true"></div>
          <div className="cube-face bottom" aria-hidden="true"></div>
          <div className="cube-face top" aria-hidden="true"></div>
          <div className="cube-face left" aria-hidden="true"></div>
          <div className="cube-face right" aria-hidden="true"></div>
          <div className="cube-face back" aria-hidden="true"></div>
          <div className="cube-face front" aria-hidden="true"></div>
        </div>
      </div>
    </div>
    <span className="sr-only">Loading...</span>
  </div>
);
 
export default memo(PageLoader);