9016516870

Committed 09 May 2024 11:20AM UTC coverage: 23.11% (-0.05%) from 23.159%

Build # 9016516870

Build Type

Pull #609

github

Committed by

web-flow

Commit Message

Apply suggestions from code review

Co-authored-by: Matthias Blum <mat.blum@gmail.com>

Pull Request Pull Request #609: Interpro Button

Run Details

725 of 4261 branches covered (17.01%)

Branch coverage included in aggregate %.

6 of 26 new or added lines in 12 files covered. (23.08%)

41 existing lines in 3 files now uncovered.

1736 of 6388 relevant lines covered (27.18%)

57.4 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/components/GoTerms/List/index.js

// @flow
import React, { useState } from 'react';
import T from 'prop-types';
import { capitalize } from 'lodash-es';

// $FlowFixMe
import GoLink from 'components/ExtLink/GoLink';
// $FlowFixMe
import Tooltip from 'components/SimpleCommonComponents/Tooltip';
// $FlowFixMe
import Button from 'components/SimpleCommonComponents/Button';

import { foundationPartial } from 'styles/foundation';

import local from '../style.css';

const f = foundationPartial(local);

/*::
type Props = {
  terms: typeof undefined | null | Array<{
    identifier: string,
    name: string,
    category: {
      code: string,
      name: string,
    }
  }>,
  maxNumberOfTerms?: number,
}
 */

const DEFAULT_MAX_NUMBER_OF_TERMS = 2;
const colors = {
  P: 'var(--colors-go-bp)',
  F: 'var(--colors-go-mf)',
  C: 'var(--colors-go-cc)',
};
const ListOfGOTerms = (
  { terms, maxNumberOfTerms = DEFAULT_MAX_NUMBER_OF_TERMS } /*: Props */,
) => {
  const [showMore, setShowMore] = useState(false);
  if (!terms) return null;
  const hasMany = terms.length > maxNumberOfTerms;
  const termsToShow =
    showMore || !hasMany ? terms : terms.slice(0, maxNumberOfTerms);
  return (
    <>
      {termsToShow.map(
        ({ identifier, name, category: { code, name: categoryName } }) => (
          <Tooltip
            key={identifier}
            title={`${capitalize(
              categoryName.replace('_', ' '),
            )}: [${identifier}] ${name}`}
          >
            <GoLink
              id={identifier}
              className={f('go-terms', 'ext', 'tag')}
              style={{
                background: colors[code] || 'transparent',
              }}
            >
              {name}
            </GoLink>{' '}
          </Tooltip>
        ),
      )}
      {terms.length !== termsToShow.length && (
        <Button type="hollow" onClick={() => setShowMore(true)}>
          Show {terms.length - maxNumberOfTerms} more
        </Button>
      )}
    </>
  );
};
ListOfGOTerms.propTypes = {
  terms: T.arrayOf(
    T.shape({
      identifier: T.string,
      name: T.string,
    }),
  ),
  maxNumberOfTerms: T.number,
};
export default ListOfGOTerms;

1	// @flow
2	import React, { useState } from 'react';
3	import T from 'prop-types';
4	import { capitalize } from 'lodash-es';
5
6	// $FlowFixMe
7	import GoLink from 'components/ExtLink/GoLink';
8	// $FlowFixMe
9	import Tooltip from 'components/SimpleCommonComponents/Tooltip';
10	// $FlowFixMe
11	import Button from 'components/SimpleCommonComponents/Button';
12
13	import { foundationPartial } from 'styles/foundation';
14
15	import local from '../style.css';
16
17	const f = foundationPartial(local);	×
18
19	/*::
20	type Props = {
21	terms: typeof undefined \| null \| Array<{
22	identifier: string,
23	name: string,
24	category: {
25	code: string,
26	name: string,
27	}
28	}>,
29	maxNumberOfTerms?: number,
30	}
31	*/
32
NEW 33	const DEFAULT_MAX_NUMBER_OF_TERMS = 2;	×
34	const colors = {	×
35	P: 'var(--colors-go-bp)',
36	F: 'var(--colors-go-mf)',
37	C: 'var(--colors-go-cc)',
38	};
39	const ListOfGOTerms = (	×
40	{ terms, maxNumberOfTerms = DEFAULT_MAX_NUMBER_OF_TERMS } /: Props /,	×
41	) => {
42	const [showMore, setShowMore] = useState(false);	×
43	if (!terms) return null;	×
44	const hasMany = terms.length > maxNumberOfTerms;	×
45	const termsToShow =
46	showMore \|\| !hasMany ? terms : terms.slice(0, maxNumberOfTerms);	×
47	return (	×
48	<>
49	{termsToShow.map(
50	({ identifier, name, category: { code, name: categoryName } }) => (
51	<Tooltip	×
52	key={identifier}
53	title={`${capitalize(
54	categoryName.replace('_', ' '),
55	)}: [${identifier}] ${name}`}
56	>
57	<GoLink
58	id={identifier}
59	className={f('go-terms', 'ext', 'tag')}
60	style={{
61	background: colors[code] \|\| 'transparent',	×
62	}}
63	>
64	{name}
65	</GoLink>{' '}
66	</Tooltip>
67	),
68	)}
69	{terms.length !== termsToShow.length && (	×
NEW 70	<Button type="hollow" onClick={() => setShowMore(true)}>	×
71	Show {terms.length - maxNumberOfTerms} more
72	</Button>
73	)}
74	</>
75	);
76	};
77	ListOfGOTerms.propTypes = {	×
78	terms: T.arrayOf(
79	T.shape({
80	identifier: T.string,
81	name: T.string,
82	}),
83	),
84	maxNumberOfTerms: T.number,
85	};
86	export default ListOfGOTerms;

ProteinsWebTeam / interpro7-client / 9016516870

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous