# All files / src/components/display DemoBanner.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
    19
    20
    21
    22
    23
    24

    3x

     import styles from "./DemoBanner.module.scss";
    import type { JSX } from "react";

    /** Persistent banner indicating the app is running in demo/mock mode. */
    export function DemoBanner(): JSX.Element {
      return (
        <div className={styles.banner} data-testid="demo-banner">
          <span className={styles.label}>DEMO</span>
          <span className={styles.text}>
            This is an interactive demo with mock data.{" "}
            <a
              href="https://github.com/nick-pape/grackle"
              target="_blank"
              rel="noopener noreferrer"
              className={styles.link}
            >
              Install Grackle
            </a>{" "}
            to use it for real.
          </span>
        </div>
      );
    }