10348682994

Committed 12 Aug 2024 08:42AM UTC coverage: 25.231% (-0.1%) from 25.376%

Build # 10348682994

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #651 from ProteinsWebTeam/ts_migration_help_components

TS migration of Help components

Run Details

520 of 2517 branches covered (20.66%)

Branch coverage included in aggregate %.

0 of 3 new or added lines in 1 file covered. (0.0%)

1 existing line in 1 file now uncovered.

1118 of 3975 relevant lines covered (28.13%)

92.59 hits per line

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

0.0

/src/pages/Help/index.js

// @flow
import React, { PureComponent } from 'react';
import { Helmet } from 'react-helmet-async';

import Switch from 'components/generic/Switch';
import Redirect from 'components/generic/Redirect';

import ErrorBoundary from 'wrappers/ErrorBoundary';
import loadable from 'higherOrder/loadable';

import ContentFromRTD from 'components/ContentFromRTD';

import { schemaProcessDataWebPage } from 'schema_org/processors';

const SchemaOrgData = loadable({
  loader: () =>
    // $FlowFixMe
    import(/* webpackChunkName: "schemaOrg" */ 'schema_org'),
  loading: () => null,
});

import { foundationPartial } from 'styles/foundation';

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

const f = foundationPartial(ebiGlobalStyles, ipro);
const Tutorials = () => <ContentFromRTD page="tutorials_webinars.rst" />;
const Faqs = () => <ContentFromRTD page="faq.rst" format="faq" />;
const Training = () => <ContentFromRTD page="training.rst" />;
const Game = () => (
  <ContentFromRTD page="protein_families_game.rst" format="faq" />
);

const Documentation = loadable({
  // prettier-ignore
  loader: () =>
    // $FlowFixMe
    import(/* webpackChunkName: "help-documentation" */'components/Help/Documentation'),
  loading: () => null,
});

const routes = new Map([
  ['tutorial', Tutorials],
  ['training', Training],
  ['faqs', Faqs],
  ['documentation', Documentation],
  ['protein_families_game', Game],
]);

const locationSelector = (customLocation) =>
  customLocation.description.other[1];

const RedirectToDefault = () => (
  <Redirect to={{ description: { other: ['help', 'tutorial'] } }} />
);

export default class Help extends PureComponent /*:: <{}> */ {
  render() {
    return (
      <div className={f('row')}>
        <Helmet>
          <title>Help</title>
        </Helmet>
        <SchemaOrgData
          data={{
            name: 'InterPro Help Page',
            description: 'Documentation relating to the use of InterPro',
            location: window.location,
          }}
          processData={schemaProcessDataWebPage}
        />
        <div className={f('columns', 'margin-bottom-large')}>
          <div className={f('tabs', 'tabs-content')}>
            <div className={f('tabs-panel', 'is-active')}>
              <ErrorBoundary>
                <Switch
                  locationSelector={locationSelector}
                  indexRoute={RedirectToDefault}
                  childRoutes={routes}
                />
              </ErrorBoundary>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

1	// @flow
2	import React, { PureComponent } from 'react';
3	import { Helmet } from 'react-helmet-async';
4
5	import Switch from 'components/generic/Switch';
6	import Redirect from 'components/generic/Redirect';
7
8	import ErrorBoundary from 'wrappers/ErrorBoundary';
9	import loadable from 'higherOrder/loadable';
10
11	import ContentFromRTD from 'components/ContentFromRTD';
12
13	import { schemaProcessDataWebPage } from 'schema_org/processors';
14
15	const SchemaOrgData = loadable({	×
16	loader: () =>
17	// $FlowFixMe
NEW 18	import(/* webpackChunkName: "schemaOrg" */ 'schema_org'),	×
UNCOV 19	loading: () => null,	×
20	});
21
22	import { foundationPartial } from 'styles/foundation';
23
24	import ipro from 'styles/interpro-new.css';
25	import ebiGlobalStyles from 'ebi-framework/css/ebi-global.css';
26
27	const f = foundationPartial(ebiGlobalStyles, ipro);	×
28	const Tutorials = () => <ContentFromRTD page="tutorials_webinars.rst" />;	×
29	const Faqs = () => <ContentFromRTD page="faq.rst" format="faq" />;	×
30	const Training = () => <ContentFromRTD page="training.rst" />;	×
31	const Game = () => (	×
32	<ContentFromRTD page="protein_families_game.rst" format="faq" />	×
33	);
34
35	const Documentation = loadable({	×
36	// prettier-ignore
37	loader: () =>
38	// $FlowFixMe
NEW 39	import(/* webpackChunkName: "help-documentation" */'components/Help/Documentation'),	×
NEW 40	loading: () => null,	×
41	});
42
43	const routes = new Map([	×
44	['tutorial', Tutorials],
45	['training', Training],
46	['faqs', Faqs],
47	['documentation', Documentation],
48	['protein_families_game', Game],
49	]);
50
51	const locationSelector = (customLocation) =>	×
52	customLocation.description.other[1];	×
53
54	const RedirectToDefault = () => (	×
55	<Redirect to={{ description: { other: ['help', 'tutorial'] } }} />	×
56	);
57
58	export default class Help extends PureComponent /:: <{}> / {
59	render() {
60	return (	×
61	<div className={f('row')}>
62	<Helmet>
63	<title>Help</title>
64	</Helmet>
65	<SchemaOrgData
66	data={{
67	name: 'InterPro Help Page',
68	description: 'Documentation relating to the use of InterPro',
69	location: window.location,
70	}}
71	processData={schemaProcessDataWebPage}
72	/>
73	<div className={f('columns', 'margin-bottom-large')}>
74	<div className={f('tabs', 'tabs-content')}>
75	<div className={f('tabs-panel', 'is-active')}>
76	<ErrorBoundary>
77	<Switch
78	locationSelector={locationSelector}
79	indexRoute={RedirectToDefault}
80	childRoutes={routes}
81	/>
82	</ErrorBoundary>
83	</div>
84	</div>
85	</div>
86	</div>
87	);
88	}
89	}

ProteinsWebTeam / interpro7-client / 10348682994

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