nexxtway/react-rainbow

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

Open

    it('should fire onChange with -2 as argument when click in minusButton and step = 2', () => {
        const onChangeMockFn = jest.fn();
        const component = mount(<CounterInput onChange={onChangeMockFn} step={2} />);
        const button = component.find('button');
        const minusButton = button.at(0);

• Read up
  Read up

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

Open

        <svg width={32} height={33} className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <path
                    d="M.32 13.425h31.36C30.197 6.122 23.74.625 16 .625 8.26.625 1.803 6.122.32 13.425z"
                    fill="#464655"

• Read up
  Read up

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

Open

                    <g id="head" transform="translate(381.000000, 106.000000)">
                        <g
                            id="search"
                            transform="translate(20.000000, 75.000000) scale(-1, 1) translate(-20.000000, -75.000000) translate(12.000000, 67.000000)"
                        >

• Read up
  Read up

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

Open

        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <path
                    d="M15.99 31.978h-.011a15.936 15.936 0 0011.316-4.683l-5.143-5.142c-.856 5.483-2.91 9.825-6.163 9.825z"
                    fill="#FFD72E"

• Read up
  Read up

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

Open

    it('should call onFocus with the current value', () => {
        const focusFn = jest.fn();
        const value = { hex: '#ccc', alpha: 1, isValid: true };
        const component = mount(<ColorInput value={value} onFocus={focusFn} />);
        component.find('input[type="text"]').simulate('focus');

• Read up
  Read up

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

Open

    it('should call the onClick function with the right arguments when the next page button is clicked', () => {
        const onChangeMockFn = jest.fn();
        const component = mount(<Pagination pages={5} activePage={1} onChange={onChangeMockFn} />);
        const previousButton = component.find('button[data-id="next-page-button"]');
        previousButton.simulate('click');

• Read up
  Read up

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

Open

VerticalItem.propTypes = {
    /** The text displayed for the navigation item. */
    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
    /** A unique identifier for the navigation item. */
    name: PropTypes.string,

• Read up
  Read up

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

Open

Tab.propTypes = {
    /** The text displayed for the tab item. */
    label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
    /** The name is used during tabset's onSelect
     * event to determine which tab was clicked. */

• Read up
  Read up

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

Open

    it('should call the onClick function with the right arguments when the previous page button is clicked', () => {
        const onChangeMockFn = jest.fn();
        const component = mount(<Pagination pages={5} activePage={5} onChange={onChangeMockFn} />);
        const previousButton = component.find('button[data-id="previous-page-button"]');
        previousButton.simulate('click');

• Read up
  Read up

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

Open

    it('should call onBlur with the current value', () => {
        const blurFn = jest.fn();
        const value = { hex: '#ccc', alpha: 1, isValid: true };
        const component = mount(<ColorInput value={value} onBlur={blurFn} />);
        component.find('input[type="text"]').simulate('blur');

• Read up
  Read up

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

Open

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

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

Open

const StyledArrowButton = attachThemeAttrs(styled.div)`
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 1rem;

• Read up
  Read up

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

Open

            <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    transform="translate(-573.000000, -660.000000)"
                    fill="url(#grad1)"
                    fillRule="nonzero"

• Read up
  Read up

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

Open

            <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    transform="translate(-573.000000, -660.000000)"
                    fill="currentColor"
                    fillRule="nonzero"

• Read up
  Read up

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

Open

    it('shold call onChange when typing in the color input', () => {
        const changeFn = jest.fn();
        const component = mount(<ColorInput onChange={changeFn} />);
        component.find('input[type="text"]').simulate('change', { target: { value: '#cccccc' } });
        expect(changeFn).toHaveBeenCalledWith({ hex: '#cccccc', alpha: 1, isValid: true });

• Read up
  Read up

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

Open

    it('shold call onChange with isValid false when the color value is incorrect', () => {
        const changeFn = jest.fn();
        const component = mount(<ColorInput onChange={changeFn} />);
        component.find('input[type="text"]').simulate('change', { target: { value: '#ccccc' } });
        expect(changeFn).toHaveBeenCalledWith({ hex: '#ccccc', alpha: 1, isValid: false });

• Read up
  Read up

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

Open

    it('should fire onChange with 2 as argument when click in plusButton and step = 2', () => {
        const onChangeMockFn = jest.fn();
        const component = mount(<CounterInput onChange={onChangeMockFn} step={2} />);
        const button = component.find('button');
        const plusButton = button.at(1);

• Read up
  Read up

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

Open

    it('should fire onChange with 1 as argument when click in plusButton', () => {
        const onChangeMockFn = jest.fn();
        const component = mount(<CounterInput onChange={onChangeMockFn} value={0} />);
        const button = component.find('button');
        const plusButton = button.at(1);

• Read up
  Read up

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

Open

export const Arrow = attachThemeAttrs(styled.div)`
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 1rem;

• Read up
  Read up

Function StripeCardInput has 98 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const StripeCardInput = React.forwardRef((props, ref) => {
    const {
        id,
        apiKey,
        label,