10178894038

Committed 31 Jul 2024 10:54AM UTC coverage: 21.008% (-0.3%) from 21.331%

Build # 10178894038

Build Type

push

github

Committed by

gustavo-salazar

Commit Message

TS: reducers/data-progress

Run Details

500 of 3002 branches covered (16.66%)

Branch coverage included in aggregate %.

1 of 2 new or added lines in 1 file covered. (50.0%)

1 existing line in 1 file now uncovered.

1084 of 4538 relevant lines covered (23.89%)

77.38 hits per line

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

50.0

/src/components/Header/Title/index.js

// @flow
import React, { PureComponent } from 'react';
import T from 'prop-types';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';

// $FlowFixMe
import { overallDataLoadingSelector } from 'reducers/data-progress';
import { stuckSelector } from 'reducers/ui/stuck';
import { browserStatusSelector } from 'reducers/status/browser';

import Link from 'components/generic/Link';

import { foundationPartial } from 'styles/foundation';

import ebiGlobalStyles from 'ebi-framework/css/ebi-global.css';
import ipro from 'styles/interpro-new.css';
import localStyles from './style.css';

const styles = foundationPartial(ebiGlobalStyles, ipro, localStyles);

/*:: type Props = {
  loading: boolean,
  mainType: ?string,
  mainDB: ?string,
  mainAccession: ?string,
  stuck: boolean,
  online: boolean,
}; */

const offlineMessage =
  'Your browser appears to be offline, you might not have access to all the features of this website';

export const InterProLogo = ({ loading = false } /*: {loading?: boolean}*/) => (
  <svg className={styles('icon')} viewBox="0 0 88 88" width="62" height="62">
    <defs>
      <mask id="logo-mask">
        <rect x="10" y="10" ry="8" width="65" height="65" fill="white" />
        <rect x="10" y="41" height="4" width="65" fill="black" />
        <rect
          x="23"
          y="34"
          ry="8"
          height="18"
          width="38"
          fill="black"
          className={styles('domain', { loading })}
        />
      </mask>
    </defs>
    <g transform="rotate(-45 45 41)">
      <rect
        x="10"
        y="10"
        ry="8"
        width="65"
        height="65"
        fill="currentColor"
        mask="url(#logo-mask)"
      />
    </g>
  </svg>
);
InterProLogo.propTypes = {
  loading: T.bool,
};
export class Title extends PureComponent /*:: <Props> */ {
  static propTypes = {
    loading: T.bool.isRequired,
    mainType: T.string,
    mainDB: T.string,
    mainAccession: T.string,
    stuck: T.bool.isRequired,
    online: T.bool.isRequired,
  };

  render() {
    const { loading, mainType, mainDB, mainAccession, stuck, online } =
      this.props;
    return (
      <div
        className={styles('columns', 'small-6', 'medium-8')}
        id="local-title"
      >
        <h1 className={styles('main-title', { stuck })}>
          <div className={styles('logo-flex')}>
            <Link to={{ description: {} }} title="Back to InterPro homepage">
              <div
                title={online ? undefined : offlineMessage}
                className={styles('logo-flex-item', 'logo-icon', {
                  stuck,
                  online,
                })}
              >
                <InterProLogo loading={loading} />
              </div>

              <div className={styles('logo-flex-item', 'logo-text')}>
                InterPro
                {mainType === 'entry' &&
                  mainDB !== 'InterPro' &&
                  mainAccession && <span>&nbsp;- Member</span>}
              </div>
            </Link>
          </div>
        </h1>
        <h4 className={styles('subtitle', { stuck })}>
          Classification of protein families
        </h4>
      </div>
    );
  }
}

const mapStateToProps = createSelector(
  overallDataLoadingSelector,
  (state) => state.customLocation.description.main.key,
  (state) =>
    state.customLocation.description.main.key &&
    state.customLocation.description[state.customLocation.description.main.key]
      .db,
  (state) =>
    state.customLocation.description.main.key &&
    state.customLocation.description[state.customLocation.description.main.key]
      .accession,
  stuckSelector,
  browserStatusSelector,
  (loading, mainType, mainDB, mainAccession, stuck, online) => ({
    loading,
    mainType,
    mainDB,
    mainAccession,
    stuck,
    online,
  }),
);

export default connect(mapStateToProps)(Title);

1	// @flow
2	import React, { PureComponent } from 'react';
3	import T from 'prop-types';
4	import { connect } from 'react-redux';
5	import { createSelector } from 'reselect';
6
7	// $FlowFixMe
8	import { overallDataLoadingSelector } from 'reducers/data-progress';
9	import { stuckSelector } from 'reducers/ui/stuck';
10	import { browserStatusSelector } from 'reducers/status/browser';
11
12	import Link from 'components/generic/Link';
13
14	import { foundationPartial } from 'styles/foundation';
15
16	import ebiGlobalStyles from 'ebi-framework/css/ebi-global.css';
17	import ipro from 'styles/interpro-new.css';
18	import localStyles from './style.css';
19
20	const styles = foundationPartial(ebiGlobalStyles, ipro, localStyles);	2✔
21
22	/*:: type Props = {
23	loading: boolean,
24	mainType: ?string,
25	mainDB: ?string,
26	mainAccession: ?string,
27	stuck: boolean,
28	online: boolean,
29	}; */
30
31	const offlineMessage =
32	'Your browser appears to be offline, you might not have access to all the features of this website';	2✔
33
34	export const InterProLogo = ({ loading = false } /: {loading?: boolean}/) => (	2!
35	<svg className={styles('icon')} viewBox="0 0 88 88" width="62" height="62">	×
36	<defs>
37	<mask id="logo-mask">
38	<rect x="10" y="10" ry="8" width="65" height="65" fill="white" />
39	<rect x="10" y="41" height="4" width="65" fill="black" />
40	<rect
41	x="23"
42	y="34"
43	ry="8"
44	height="18"
45	width="38"
46	fill="black"
47	className={styles('domain', { loading })}
48	/>
49	</mask>
50	</defs>
51	<g transform="rotate(-45 45 41)">
52	<rect
53	x="10"
54	y="10"
55	ry="8"
56	width="65"
57	height="65"
58	fill="currentColor"
59	mask="url(#logo-mask)"
60	/>
61	</g>
62	</svg>
63	);
64	InterProLogo.propTypes = {	2✔
65	loading: T.bool,
66	};
67	export class Title extends PureComponent /:: <Props> / {
68	static propTypes = {	2✔
69	loading: T.bool.isRequired,
70	mainType: T.string,
71	mainDB: T.string,
72	mainAccession: T.string,
73	stuck: T.bool.isRequired,
74	online: T.bool.isRequired,
75	};
76
77	render() {
78	const { loading, mainType, mainDB, mainAccession, stuck, online } =
79	this.props;	4✔
80	return (	4✔
81	<div
82	className={styles('columns', 'small-6', 'medium-8')}
83	id="local-title"
84	>
85	<h1 className={styles('main-title', { stuck })}>
86	<div className={styles('logo-flex')}>
87	<Link to={{ description: {} }} title="Back to InterPro homepage">
88	<div
89	title={online ? undefined : offlineMessage}	4✔
90	className={styles('logo-flex-item', 'logo-icon', {
91	stuck,
92	online,
93	})}
94	>
95	<InterProLogo loading={loading} />
96	</div>
97
98	<div className={styles('logo-flex-item', 'logo-text')}>
99	InterPro
100	{mainType === 'entry' &&	8!
101	mainDB !== 'InterPro' &&
102	mainAccession && <span> - Member</span>}
103	</div>
104	</Link>
105	</div>
106	</h1>
107	<h4 className={styles('subtitle', { stuck })}>
108	Classification of protein families
109	</h4>
110	</div>
111	);
112	}
113	}
114
115	const mapStateToProps = createSelector(	2✔
116	overallDataLoadingSelector,
NEW 117	(state) => state.customLocation.description.main.key,	×
118	(state) =>
UNCOV 119	state.customLocation.description.main.key &&	×
120	state.customLocation.description[state.customLocation.description.main.key]
121	.db,
122	(state) =>
123	state.customLocation.description.main.key &&	×
124	state.customLocation.description[state.customLocation.description.main.key]
125	.accession,
126	stuckSelector,
127	browserStatusSelector,
128	(loading, mainType, mainDB, mainAccession, stuck, online) => ({	×
129	loading,
130	mainType,
131	mainDB,
132	mainAccession,
133	stuck,
134	online,
135	}),
136	);
137
138	export default connect(mapStateToProps)(Title);

ProteinsWebTeam / interpro7-client / 10178894038

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