10390874535

Committed 14 Aug 2024 03:52PM UTC coverage: 20.928% (-4.3%) from 25.231%

Build # 10390874535

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #653 from ProteinsWebTeam/ts-redux

Ts redux

Run Details

390 of 2339 branches covered (16.67%)

Branch coverage included in aggregate %.

1 of 11 new or added lines in 5 files covered. (9.09%)

1 existing line in 1 file now uncovered.

868 of 3672 relevant lines covered (23.64%)

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

ProteinsWebTeam / interpro7-client / 10390874535

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