All files / src/apps/sources/components SourceConceptsSummary.tsx

20% Statements 1/5
0% Branches 0/2
0% Functions 0/1
20% Lines 1/5

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 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69                                          1x                                                                                              
import React from "react";
import { APISource } from "../../sources";
import {
  Button,
  ButtonGroup,
  Paper,
  Typography,
  List,
  ListItem,
  ListItemIcon,
  ListItemText
} from "@mui/material";
import { Link } from "react-router-dom";
import { StarBorder, DeleteForever } from "@mui/icons-material";
 
interface Props {
  source?: APISource;
  totalConceptCount: number;
  activeConceptCount: number;
}
 
const SourceConceptsSummary: React.FC<Props> = ({
  source,
  totalConceptCount,
  activeConceptCount
}) => {
  const total_concepts: number = totalConceptCount;
  const active_concepts: number = activeConceptCount;
  const retire_concepts: number = total_concepts - active_concepts;
 
  return (
    <Paper className="fieldsetParent">
      <fieldset>
        <Typography component="legend" variant="h5" gutterBottom>
          Concepts(HEAD Version)
        </Typography>
        <Typography variant="h6" data-testid="concepts-summary" gutterBottom>
          <b>{`Total Concepts: ${total_concepts}`}</b>
          <List component="div" disablePadding>
            <ListItem>
              <ListItemIcon>
                <StarBorder />
              </ListItemIcon>
              <ListItemText primary={`Active Concepts: ${active_concepts}`} />
            </ListItem>
            <ListItem>
              <ListItemIcon>
                <DeleteForever />
              </ListItemIcon>
              <ListItemText primary={`Retired Concepts: ${retire_concepts}`} />
            </ListItem>
          </List>
        </Typography>
        <ButtonGroup variant="text" fullWidth>
          <Button
            to={source?.concepts_url || ""}
            component={Link}
            color="primary"
          >
            View Concepts
          </Button>
        </ButtonGroup>
      </fieldset>
    </Paper>
  );
};
 
export default SourceConceptsSummary;