nexxtway/react-rainbow

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

Open

    it('should return the right 12 hour for PM time', () => {
        const values = [
            '12:12',
            '13:35',
            '14:59',

• Read up
  Read up

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

Open

                        <Playground
                            code={examples[0].content}
                            evalInContext={examples[0].evalInContext}
                            key={`${codeRevision}/0`}
                            name={name}

• Read up
  Read up

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

Open

    it('should call CounterManager.decrement when the component unmount and it is open', () => {
        CounterManager.decrement.mockReset();
        const component = mount(
            <Modal isOpen>
                <p />

• Read up
  Read up

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

Open

export const StyledText = attachThemeAttrs(styled(TruncatedText))`
    color: ${props => props.palette.text.main};
    font-weight: 500;
    font-size: ${FONT_SIZE_TEXT_LARGE};
    align-self: center;

• Read up
  Read up

Function componentDidUpdate has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    componentDidUpdate(prevProps) {
        const {
            children: prevChildren,
            showCheckboxColumn: prevShowCheckboxColumn,
            maxRowSelection: prevMaxRowSelection,

Function AccordionTimeline has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function AccordionTimeline(props) {
    const { id, children, className, style, multiple, activeSectionNames, onToggleSection } = props;
    const registeredTimelineMarkers = useRef([]);
    const [activeNames, setActiveNames] = useState(activeSectionNames);
    const containerRef = useRef();

Function FileIcon has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function FileIcon() {
    return (
        <svg width="14px" height="17px" viewBox="0 0 14 17" version="1.1">
            <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g id="Components-FileSelector-" transform="translate(-435.000000, -899.000000)">

Function AdvancedSettings has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const AdvancedSettings = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}

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

Open

/* eslint-disable no-script-url, react/prop-types, jsx-a11y/anchor-is-valid */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Consumer } from '../InternalDropdown/context';
import Icon from './icon';

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

Open

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { uniqueId } from '../../../libs/utils';
import Label from '../label';
import RenderIf from '../../RenderIf';

PageLookup has 24 functions (exceeds 20 allowed). Consider refactoring.

Open

class PageLookup {
    /**
     * Create a new Lookup page object.
     * @constructor
     * @param {string} rootElement - The selector of the Lookup root element.

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

Open

    it('should render the component when pass falsy values', () => {
        const values = ['', undefined, null, 0];
        values.forEach(value => {
            const component = mount(<DoubleCalendar value={value} />);
            expect(component.exists()).toBe(true);

• Read up
  Read up

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

Open

    it('should render the component when pass falsy values', () => {
        const values = ['', undefined, null, 0];
        values.forEach(value => {
            const component = mount(<MonthlyCalendar currentMonth={value} />);
            expect(component.exists()).toBe(true);

• Read up
  Read up

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

Open

    it('should render the component when pass falsy values', () => {
        const values = ['', undefined, null, 0];
        values.forEach(value => {
            const component = mount(<Calendar value={value} />);
            expect(component.exists()).toBe(true);

• Read up
  Read up

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

Open

        const component = mount(
            <InternalDropdown label="Picklist" onChange={onChangeFn}>
                <Option label="Option 1" name="option1" />
                <Option label="Option 2" name="option2" />
                <Option label="Option 3" name="option3" />

• Read up
  Read up

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

Open

        const component = mount(
            <InternalDropdown label="Picklist" onChange={onChangeFn}>
                <Option label="Option 1" name="option1" />
                <Option label="Option 2" name="option2" />
                <Option label="Option 3" name="option3" />

• Read up
  Read up

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

Open

        const component = mount(
            <Table data={data} keyField="id">
                <Column field="name" header="Name" />
                <Column field="email" header="Email" />
                <Column field="id" header="User Id" />

• Read up
  Read up

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

Open

    it('should render the component when pass falsy values', () => {
        const values = ['', undefined, null, 0];
        values.forEach(value => {
            const component = mount(<WeeklyCalendar currentWeek={value} />);
            expect(component.exists()).toBe(true);

• Read up
  Read up

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

Open

        const component = mount(
            <Table data={data} keyField="id">
                <Column field="name" header="Name" />
                <Column field="email" header="Email" />
                <Column field="id" header="User Id" />

• Read up
  Read up

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

Open

const GitHub = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}

• Read up
  Read up