nexxtway/react-rainbow

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

Open

    if (columnType === SELECTABLE_CHECKBOX) {
        return (
            <SelectableCell
                isSelected={isSelected}
                isDisabled={isDisabled}

• Read up
  Read up

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

Open

    if (hasFileSelected) {
        return (
            <Preview
                fileName={fileName}
                fileType={fileType}

• Read up
  Read up

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

Open

        if (type === SELECTABLE_CHECKBOX) {
            return (
                <SelectableHeader
                    onSelectAllRows={onSelectAllRows}
                    onDeselectAllRows={onDeselectAllRows}

• Read up
  Read up

Function AvatarExample has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function AvatarExample() {
    return (
        <div>
            <Avatar
                className="rainbow-m-horizontal_medium"

Function PageButtons has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function PageButtons(props) {
    const { pages, activePage, onChange, variant } = props;

    const getAriaCurrent = page => {
        if (page === activePage) {

Function useOptions has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useOptions(props) {
    const {
        currency,
        currencyDisplay,
        currencySign,

Function Edit has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Edit(props) {
    const { className, style } = props;
    return (
        <svg
            width="14px"

Function Calendar has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Calendar(props) {
    const { locale, selectionType, variant, value, onChange, ...rest } = props;
    const currentLocale = useLocale(locale);
    const currentValue = useCurrentDateFromValue(value);
    const range = useRangeFromValue(value, selectionType);

Function constructor has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    constructor(props) {
        super(props);
        this.state = {
            hour: getHour(props.value),
            minutes: getMinutes(props.value),

Function Month has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Month(props) {
    const { firstDayMonth, selectedDate, minDate, maxDate, onSelectDate } = props;
    let date = new Date(firstDayMonth);
    const lastDayMonth = useMemo(() => getLastDayMonth(firstDayMonth), [firstDayMonth]);
    const weeks = [];

Function Week has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Week(props) {
    const {
        selectedDate,
        startDate,
        endDate,

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

Open

        const component = mount(
            <Preview
                field={props.field}
                fileFields={props.fileFields}
                data={props.data}

• Read up
  Read up

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

Open

    it('should set type to "checkbox" in PrimitiveCheckbox component', () => {
        const component = mount(<SelectableHeader />);
        expect(component.find('PrimitiveCheckbox').prop('type')).toBe('checkbox');
    });

• Read up
  Read up

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

Open

        const component = mount(
            <Preview
                field={props.field}
                fileFields={props.fileFields}
                data={props.data}

• Read up
  Read up

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

Open

    it('should set the type prop in Input component to checkbox by default', () => {
        const component = mount(<SelectableCell />);
        expect(component.find('Input').prop('type')).toBe('checkbox');
    });

• Read up
  Read up

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

Open

    it('should set the prop role as separator in li element', () => {
        const component = mount(<MenuDivider />);
        expect(component.find('li').prop('role')).toBe('separator');
    });

• Read up
  Read up

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

Open

    it('should set type "search" in the input element', () => {
        const component = mount(<Lookup />);
        expect(component.find('input').prop('type')).toBe('search');
    });

• Read up
  Read up

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

Open

    it('should set type checkbox to the input element', () => {
        const component = mount(<CheckboxToggle />);
        expect(component.find('input').prop('type')).toBe('checkbox');
    });

• Read up
  Read up

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

Open

    it('should set scope to "col" in th element', () => {
        const component = mount(<SelectableHeader />);
        expect(component.find('th').prop('scope')).toBe('col');
    });

• Read up
  Read up

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

Open

    it('should set type radio to the input element', () => {
        const component = mount(<RadioButtonItem />);
        expect(component.find('input').prop('type')).toBe('radio');
    });

• Read up
  Read up