bbc/psammead

Similar blocks of code found in 3 locations. Consider refactoring.

Open

const japanese = {
  group: (
    <g
      fillRule="evenodd"
      stroke="#000"

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

const korean = {
  group: (
    <g
      fillRule="evenodd"
      stroke="#000"

• Read up
  Read up

File index.jsx has 342 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { bool, node, number, shape, oneOf } from 'prop-types';
import styled from '@emotion/styled';
import {
  GEL_MARGIN_BELOW_400PX,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const igboNavData = [
  {
    title: 'Home',
    url: '/pidgin',
  },

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const fontPathMap = [
  { prefix: 'F_MALLANNA', path: 'fonts/Mallanna/' },
  { prefix: 'F_NOTO_SANS_ETHIOPIC', path: 'fonts/NotoSansEthiopic/' },
  { prefix: 'F_NOTO_SANS_TAMIL', path: 'fonts/NotoSerifTamil/' },
  { prefix: 'F_NOTO_SERIF_BENGALI', path: 'fonts/NotoSerifBengali/' },

• Read up
  Read up

File index.test.jsx has 330 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable no-underscore-dangle */

import React from 'react';
import { render, act } from '@testing-library/react';
import styled from '@emotion/styled';

File font-families.js has 313 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/*
 *  BBC REITH
 */
const reithFallback = `Helvetica, Arial, sans-serif;`;
const reithSans = `font-family: ReithSans, ${reithFallback}`;

File index.test.jsx has 307 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { shouldMatchSnapshot } from '@bbc/psammead-test-helpers';
import Grid from '.';
import { ExampleParagraph, ExampleFigure, ExampleImage } from './testHelpers';

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export const Headline = styled.h1`
  ${({ script }) => script && getCanon(script)};
  ${({ service }) => getSerifMedium(service)}
  color: ${({ darkMode }) => (darkMode ? C_LUNAR : C_SHADOW)};
  display: block; /* Explicitly set */

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export const SubHeading = styled.h2`
  ${({ script }) => script && getTrafalgar(script)};
  ${({ service }) => getSansBold(service)}
  color: ${({ darkMode }) => (darkMode ? C_LUNAR : C_SHADOW)};
  margin: 0; /* Reset */

• Read up
  Read up

Function snapshotTests has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const snapshotTests = (Component, additionalProps) => {
  shouldMatchSnapshot(
    'should render landscape image correctly',
    <Component
      alt={landscape.alt}

File index.test.jsx has 295 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable no-console */
import React from 'react';
import { render, waitFor } from '@testing-library/react';
import { shouldMatchSnapshot } from '@bbc/psammead-test-helpers';
import { CanonicalSocialEmbed, AmpSocialEmbed } from './index';

Similar blocks of code found in 2 locations. Consider refactoring.

Open

moment.updateLocale('sr', {
  longDateFormat: {
    LL: 'D MMMM YYYY',
    LLL: 'D MMMM YYYY H:mm',
    LLLL: 'dddd, D MMMM YYYY H:mm',

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

moment.updateLocale('sr-cyrl', {
  longDateFormat: {
    LL: 'D MMMM YYYY',
    LLL: 'D MMMM YYYY H:mm',
    LLLL: 'dddd, D MMMM YYYY H:mm',

• Read up
  Read up

File index.jsx has 285 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import styled from '@emotion/styled';
import { shape, string, node, bool, oneOf } from 'prop-types';
import VisuallyHiddenText from '@bbc/psammead-visually-hidden-text';
import { C_WHITE, C_EBON } from '@bbc/psammead-styles/colours';

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const YouTube = ({ id }) => (
  <>
    <Helmet>
      <script
        async

• Read up
  Read up

File index.test.js has 275 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import fetch from 'cross-fetch';
import * as webVitals from 'web-vitals';
import { renderHook } from '@testing-library/react-hooks';
import useWebVitals from './index';

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const Twitter = ({ id }) => (
  <>
    <Helmet>
      <script
        async

• Read up
  Read up

File index.jsx has 267 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { cloneElement, useRef } from 'react';
import styled from '@emotion/styled';
import { shape, string, bool, func, oneOf, node } from 'prop-types';
import VisuallyHiddenText from '@bbc/psammead-visually-hidden-text';
import { navigationIcons } from '@bbc/psammead-assets/svgs';

Similar blocks of code found in 4 locations. Consider refactoring.

Open

  shouldMatchSnapshot(
    'should render landscape image correctly',
    <Component
      alt={landscape.alt}
      attribution={landscape.attribution}

• Read up
  Read up