nexxtway/react-rainbow

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

Open

export default function RightArrow() {
    return (
        <svg fill="currentColor" width="8px" height="14px" viewBox="0 0 8 14">
            <g transform="translate(-340.000000, -285.000000)">
                <g transform="translate(-83.000000, 268.000000)">

• Read up
  Read up

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

Open

export default function RightArrow() {
    return (
        <svg fill="currentColor" width="8px" height="14px" viewBox="0 0 8 14">
            <g transform="translate(-340.000000, -285.000000)">
                <g transform="translate(-83.000000, 268.000000)">

• Read up
  Read up

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

Open

export default function LeftArrow() {
    return (
        <svg fill="currentColor" width="8px" height="14px" viewBox="0 0 8 14">
            <g transform="translate(-301.000000, -285.000000)">
                <g transform="translate(-83.000000, 268.000000)">

• Read up
  Read up

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

Open

export default function LeftArrow() {
    return (
        <svg fill="currentColor" width="8px" height="14px" viewBox="0 0 8 14">
            <g transform="translate(-301.000000, -285.000000)">
                <g transform="translate(-83.000000, 268.000000)">

• Read up
  Read up

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

Open

export default function LeftArrow() {
    return (
        <svg fill="currentColor" width="8px" height="14px" viewBox="0 0 8 14">
            <g transform="translate(-301.000000, -285.000000)">
                <g transform="translate(-83.000000, 268.000000)">

• Read up
  Read up

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

Open

export default function RightArrow() {
    return (
        <svg fill="currentColor" width="8px" height="14px" viewBox="0 0 8 14">
            <g transform="translate(-340.000000, -285.000000)">
                <g transform="translate(-83.000000, 268.000000)">

• Read up
  Read up

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

Open

    it('should change month when is in the first week of a month, the first day of the month is not the first day of the week and press HOME key', async () => {
        const calendar = await PageCalendar(CALENDAR);
        await calendar.clickPrevMonthButton();
        await calendar.clickPrevMonthButton();
        await calendar.clickDay(4);

• Read up
  Read up

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

Open

    it('should change month when is in the last week of a month, the last day of the month is not the last day of the week and press END key', async () => {
        const calendar = await PageCalendar(CALENDAR);
        await calendar.clickPrevMonthButton();
        await calendar.clickPrevMonthButton();
        await calendar.clickDay(29);

• Read up
  Read up

Function AccordionSection has 117 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const AccordionSection = props => {
    const {
        style,
        disabled,
        children,

Lookup has 36 functions (exceeds 20 allowed). Consider refactoring.

Open

class Lookup extends Component {
    constructor(props) {
        super(props);
        const normalizedOptions = getNormalizedOptions(props.options || []);
        this.state = {

File singleCalendar.js has 361 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable react/sort-comp */
/* eslint-disable react/prop-types */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import DaysOfWeek from './daysOfWeek';

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

Open

    it('should call onClick event with the right value input is clicked', () => {
        const onClickFn = jest.fn();
        const component = mount(<InputItem index={2} value="2" onClick={onClickFn} />);
        component
            .find(StyledInput)

• Read up
  Read up

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

Open

    it('should call onBlur event with the right value when input leaves focus', () => {
        const onBlurFn = jest.fn();
        const component = mount(<InputItem index={0} value="2" onBlur={onBlurFn} />);
        component
            .find(StyledInput)

• Read up
  Read up

Function CalendarIcon has 116 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function CalendarIcon(props) {
    const { className, style } = props;

    return (
        <svg className={className} style={style} width="21px" height="21px" viewBox="0 0 21 21">

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

Open

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

Function ButtonIcon has 115 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ButtonIcon = React.forwardRef((props, ref) => {
    const buttonRef = useRef();
    const tooltipRef = useRef();

    useImperativeHandle(ref, () => ({

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

Open

    const {
        value,
        name,
        placeholder,
        icon,

• Read up
  Read up

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

Open

    const {
        className,
        style,
        id,
        name,

• Read up
  Read up

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

Open

    const {
        id,
        className,
        style,
        value,

• Read up
  Read up

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

Open

    it('should call setAnimation on marker with the bounce animation when the marker button is focused', () => {
        marker.setAnimation.mockReset();
        const component = mount(<MapMarker latitude={5} longitude={10} />);
        // this actually is context not props
        component.setProps(newContext);

• Read up
  Read up