# All files / src/components/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>
      );
    }