nexxtway/react-rainbow

Function InternalOverlay has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InternalOverlay = props => {
    const {
        render: ContentComponent,
        isVisible,
        triggerElementRef,

Function Drop has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Drop(props) {
    const { className, style } = props;
    return (
        <svg className={className} style={style} width="64" height="70" viewBox="0 0 64 70">
            <g fill="none">

Function CompressArrow has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

    const avatars = [
        {
            src: 'images/user/user1.jpg',
            assistiveText: 'Jose Leandro',
            title: 'Jose Leandro',

• Read up
  Read up

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

Open

const countries = [
    {
        countryCode: '+44',
        country: 'United Kingdom',
        isoCode: 'gb',

• Read up
  Read up

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

Open

const avatars = [
    {
        src: 'images/user/user1.jpg',
        assistiveText: 'Jose Leandro',
        title: 'Jose Leandro',

• Read up
  Read up

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

Open

    const avatars = [
        {
            src: 'images/user/user1.jpg',
            assistiveText: 'Jose Leandro',
            title: 'Jose Leandro',

• Read up
  Read up

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

Open

    const avatars = [
        {
            src: 'images/user/user1.jpg',
            assistiveText: 'Jose Leandro',
            title: 'Jose Leandro',

• Read up
  Read up

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

Open

    beforeEach(() => {
        Element.prototype.getClientRects = jest.fn(() => {
            return [
                {
                    bottom: 0,

• Read up
  Read up

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

Open

                            <MenuItem
                                label={<ColorBox label="Orange" color={orangeTheme.rainbow} />}
                                icon={theme === orangeTheme && <StyledCheckIcon />}
                                iconPosition="right"
                                onClick={() => setTheme(orangeTheme)}

• Read up
  Read up

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

Open

    beforeEach(() => {
        Element.prototype.getClientRects = jest.fn(() => {
            return [
                {
                    bottom: 0,

• Read up
  Read up

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

Open

                            <MenuItem
                                label={<ColorBox label="Yellow" color={yellowTheme.rainbow} />}
                                icon={theme === yellowTheme && <StyledCheckIcon />}
                                iconPosition="right"
                                onClick={() => setTheme(yellowTheme)}

• Read up
  Read up

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

Open

                            <MenuItem
                                label={
                                    <ColorBox label="Deep Purple" color={deepPurpleTheme.rainbow} />
                                }
                                icon={theme === deepPurpleTheme && <StyledCheckIcon />}

• Read up
  Read up

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

Open

                            <MenuItem
                                label={<ColorBox label="Cyan Dark" color={cyanDarkTheme.rainbow} />}
                                icon={theme === cyanDarkTheme && <StyledCheckIcon />}
                                iconPosition="right"
                                onClick={() => setTheme(cyanDarkTheme)}

• Read up
  Read up

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

Open

    it('should render the close button by default', () => {
        const component = mount(
            <Modal isOpen>
                <p />
            </Modal>,

• Read up
  Read up

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

Open

    it('should render the Spinner when isLoading is true', () => {
        const component = mount(
            <MenuContent isLoading>
                <span />
            </MenuContent>,

• Read up
  Read up

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

Open

    it('should render an error text when error prop is passed', () => {
        const component = mount(
            <StripeCardInput
                apiKey="STRIPE_API_KEY"
                isScriptLoaded

• Read up
  Read up

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

Open

    it('should pass the right isFilled when the value passed is float', () => {
        const component = mount(<RatingItems value="3.5" />);
        const star = component.childAt(3);
        expect(star.props().isFilled).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should render bottom help text when bottomHelpText prop is passed', () => {
        const component = mount(
            <StripeCardInput
                apiKey="STRIPE_API_KEY"
                isScriptLoaded

• Read up
  Read up

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

Open

    it('should render the close button by default', () => {
        const component = mount(
            <Drawer isOpen>
                <p />
            </Drawer>,

• Read up
  Read up