nexxtway/react-rainbow

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

Open

describe('<SignInExample/>', () => {
    it('should render the SignIn', () => {
        const component = shallow(<SignInExample />);
        expect(component.find(Card).exists()).toBe(true);
        expect(component.find(Button).exists()).toBe(true);

• Read up
  Read up

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

Open

        it('should return true when screen width is more than 600px and last tab is visible', () => {
            const activeTabName = 'pizza';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return true when screen width is less than 600px and last tab is active', () => {
            const activeTabName = 'tomato';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return false when screen width is more than 600px and last tab is not visible', () => {
            const activeTabName = 'pizza';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

    it('should keep the ampm input focused when it is focused and press right key', () => {
        const component = mount(<TimeSelect />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', { keyCode: RIGHT_KEY });
        container.simulate('keyDown', { keyCode: RIGHT_KEY });

• Read up
  Read up

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

Open

    it('should focus minutes input when ampm input is focused and press left key', () => {
        const component = mount(<TimeSelect />);
        const container = component.find('div[role="presentation"]');
        container.simulate('keyDown', { keyCode: RIGHT_KEY });
        container.simulate('keyDown', { keyCode: RIGHT_KEY });

• Read up
  Read up

Function TimePicker has 121 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const TimePicker = React.forwardRef((props, ref) => {
    const {
        placeholder,
        label,
        required,

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

Open

/* eslint-disable react/sort-comp */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import withReduxForm from '../../libs/hocs/withReduxForm';
import RenderIf from '../RenderIf';

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

Open

    it('should return the item formated with search term highlighted', () => {
        const { id, label, description, icon } = getFormattedValue(
            placeDetails,
            true,
            <SelectedLocationIcon />,

• Read up
  Read up

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

Open

const StyledAvatarIcon = attachThemeAttrs(styled(AvatarIcon))`
    color: ${props => props.palette.background.main};
    ${props =>
        props.shape === 'square' &&
        `

• Read up
  Read up

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

Open

                    <VerticalSection>
                        <VerticalItem
                            name="item-1"
                            label="Dashboard"
                            icon={<FontAwesomeIcon size="lg" icon={faHome} />}

• Read up
  Read up

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

Open

    it('should return the item formated with search term highlighted', () => {
        const { id, label, description, icon } = getFormattedValue(
            suggestion,
            true,
            <SelectedLocationIcon />,

• Read up
  Read up

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

Open

                    <VerticalSectionOverflow
                        expanded
                        title="Connect"
                        description="Recents, Accounts, Transfer ..."
                    >

• Read up
  Read up

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

Open

const StyledImageIcon = attachThemeAttrs(styled(ImageIcon))`
    color: ${props => props.palette.background.main};

    ${props =>
        props.shape === 'square' &&

• Read up
  Read up

Function render has 119 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const {
            label: pickListLabel,
            labelAlignment,
            hideLabel,

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

Open

    it('should pass the right props to the Label component', () => {
        const component = mount(<FileSelector label="custom label" required />);
        expect(component.find('Label').props()).toEqual({
            label: 'custom label',
            required: true,

• Read up
  Read up

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

Open

    it('should render the right week when value is updated', async done => {
        expect.assertions(1);
        const value = new Date('04/05/2020');
        const component = mount(<WeeklyCalendar currentWeek={value} />);
        component.setProps({

• Read up
  Read up

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

Open

    it('should render the right month when value is updated', async done => {
        expect.assertions(1);
        const value = new Date('04/24/2019');
        const component = mount(<MonthlyCalendar currentMonth={value} />);
        component.setProps({

• Read up
  Read up

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

Open

    it('should pass the right props to the Label component', () => {
        const component = mount(<StrongPasswordInput label="custom label" required />);
        expect(component.find('Label').props()).toEqual({
            label: 'custom label',
            required: true,

• Read up
  Read up

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

Open

import styled from 'styled-components';
import attachThemeAttrs from '../../../styles/helpers/attachThemeAttrs';
import IconContainer from '../../Input/styled/iconContainer';
import ButtonIcon from '../../ButtonIcon';
import { MARGIN_X_SMALL } from '../../../styles/margins';