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 | 1x 1x | import React from "react"; import { APIDictionary } from "../../dictionaries"; import { Button, ButtonGroup, Paper, Typography } from "@mui/material"; import { Link } from "react-router-dom"; import { makeStyles } from "@mui/styles"; interface Props { dictionary: APIDictionary; } const useStyles = makeStyles({ conceptCountBreakDown: { marginLeft: "3vw" } }); const DictionaryConceptsSummary: React.FC<Props> = ({ dictionary }) => { const classes = useStyles(); const { references, concepts_url: conceptsUrl, preferred_source: preferredSource } = dictionary; const conceptReferences = references ? references.filter(({ reference_type }) => reference_type === "concepts") : []; const fromPreferredSource = conceptReferences.filter(({ expression }) => expression.includes(preferredSource) ).length; const customConceptCount = conceptReferences.length - fromPreferredSource; return ( <Paper className="fieldsetParent"> <fieldset> <Typography component="legend" variant="h5" gutterBottom> Concepts(HEAD Version) </Typography> <Typography variant="h6" gutterBottom> <b>Total Concepts: {conceptReferences.length}</b> </Typography> <Typography component="div" variant="h6" gutterBottom className={classes.conceptCountBreakDown} > <span data-testid="preferredConceptCount"> From {preferredSource}: {fromPreferredSource} </span> <br /> <span data-testid="customConceptCount"> Custom Concepts: {customConceptCount} </span> </Typography> <ButtonGroup variant="text" fullWidth> <Button to={conceptsUrl} component={Link} color="primary"> View Concepts </Button> </ButtonGroup> </fieldset> </Paper> ); }; export default DictionaryConceptsSummary; |