display SplashScreen.tsx

100% Statements 1/1

100% Branches 0/0

100% Functions 1/1

100% Lines 1/1

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  
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
  import type { JSX } from "react";
import { Spinner } from "./Spinner.js";
import { assetUrl } from "../../utils/assetUrl.js";
import styles from "./SplashScreen.module.scss";
 
/**
 * Full-viewport splash screen displayed while waiting for the server's initial
 * state (e.g. onboarding status). Shows the Grackle logo and a spinner.
 */
export function SplashScreen(): JSX.Element {
  return (
    <div className={styles.splash} data-testid="splash-screen">
      <img src={assetUrl("grackle-logo.png")} alt="Grackle" className={styles.logo} />
      <Spinner size="xl" label="Loading Grackle" liveRegion />
    </div>
  );
}