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; |