nexxtway/react-rainbow

Function renderCards has 60 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderCards() {
        const {
            forms,
            dataViews,
            layouts,

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

Open

    it('should render the label passed', () => {
        const component = mount(
            <ActivityTimeline variant="accordion">
                <AccordionTimelineMarker label="testing label on TimelineMarker" />
            </ActivityTimeline>,

• Read up
  Read up

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

Open

    const {
        id,
        className,
        style,
        locale,

• Read up
  Read up

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

Open

    const {
        id,
        isOpen,
        title,
        value,

• Read up
  Read up

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

Open

    const {
        isLoading,
        children,
        value,
        onChange,

• Read up
  Read up

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

Open

    it('should render the datetime passed', () => {
        const component = mount(
            <ActivityTimeline variant="accordion">
                <AccordionTimelineMarker datetime="Yesterday" />
            </ActivityTimeline>,

• Read up
  Read up

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

Open

    it('should render the description passed', () => {
        const component = mount(
            <ActivityTimeline variant="accordion">
                <AccordionTimelineMarker description="testing description on TimelineMarker" />,
            </ActivityTimeline>,

• Read up
  Read up

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

Open

    it('should have the container ul element a role tree', () => {
        const component = mount(<Tree data={data} />);
        const container = component.find('ul').at(0);
        expect(container.prop('role')).toBe('tree');
    });

• Read up
  Read up

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

Open

    it('should return the right formatted date', () => {
        expect(formatDateTime(new Date(2019, 3, 24, 11, 34, 43))).toBe('04/24/2019, 11:34 AM');
        expect(formatDateTime(new Date('04/24/2019 13:23'))).toBe('04/24/2019, 01:23 PM');
        expect(formatDateTime('04/24/2019 20:48')).toBe('04/24/2019, 08:48 PM');
    });

• Read up
  Read up

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

Open

    it('should return the right time', () => {
        expect(extractTime(new Date(2019, 3, 24, 11, 34, 43))).toBe('11:34 AM');
        expect(extractTime(new Date('04/24/2019 13:23'))).toBe('01:23 PM');
        expect(extractTime('04/24/2019 20:48')).toBe('08:48 PM');
    });

• Read up
  Read up

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

Open

    it('should have the role group in the child ul element', () => {
        const component = mount(<Tree data={data} />);
        const container = component.find('ul').at(1);
        expect(container.prop('role')).toBe('group');
    });

• Read up
  Read up

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

Open

    render() {
        const {
            title,
            style,
            className,

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

Open

    render() {
        const { isOpen } = this.state;
        const { componentLibraryVersion, prismicLibraryVersion } = this.state;
        return (
            <ul

Function User has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

    render() {
        const {
            style,
            label,
            children,

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

Open

    ${props =>
        props.checked &&
        `
            background-color: ${props.palette.background.main};
            border: 1px solid ${props.palette.brand.main};

• Read up
  Read up

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

Open

    ${props =>
        props.isSelected &&
        `
            background: ${props.palette.brand.main};
            border: 1px solid ${props.palette.brand.main};

• Read up
  Read up

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

Open

    ${props =>
        props.disabled &&
        `
        background-color: ${props.palette.background.disabled} !important;
        border: 1px solid ${props.palette.border.disabled} !important;

• Read up
  Read up

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

Open

    ${props =>
        props.disabled &&
        `
        color: ${props.palette.text.disabled};
        border: dashed 1px ${props.palette.text.disabled};

• Read up
  Read up

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

Open

        const {
            title,
            tabIndex,
            onClick,
            onFocus,

• Read up
  Read up