demo-title.tsx

Filename	Percent	Threshold	Total	Covered	Uncovered
src/components/demo-title.tsx	100.00%	95%	61	61	0

import React from "react"

import * as styles from "@/components/styles/styles.module.css"

import { BACK_HOME_ATTR } from "@/ui-constants"

type Props = {
  isCompleted: boolean
  mainSource: string
  name: string
}

const DemoTitle = ({ isCompleted, mainSource, name }: Props) => (
  <h2 className="row" id={styles.demoTitle}>
    <span className="col-xs-12 col-sm-10 p-0">
      <span className={styles.demoName}>{name} Chart </span>
      <small id={styles.mainSource} title="Main Source">
        <a href={mainSource} rel="noreferrer" target="_blank">
          source
        </a>
      </small>
      {!isCompleted && (
        <small id={styles.demoWip} title="This demo is still work in progress">
          WIP
        </small>
      )}
    </span>
    <span
      className={`col-sm-2 p-0 d-xs-none ${styles.backHome}`}
      {...{ [BACK_HOME_ATTR]: "" }}
    >
      <a className="btn btn-info" href={ROOT_PATH} role="button">
        <span className="glyphicon glyphicon-home" /> Home
      </a>
    </span>
  </h2>
)

export default DemoTitle

[]

TypeScript Coverage Report generated by type-coverage and typescript-coverage-report at Wed, 01 Jun 2022 21:16:57 GMT

TypeScript coverage report