nexxtway/react-rainbow

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

Open

function SvgQatar({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#F0F0F0" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

function SvgSwitzerland({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#D80027" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

function SvgUkraine({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#FFDA44" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

function SvgMonaco({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#F0F0F0" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

function SvgSomalia({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#338AF3" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

function SvgVietnam({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#D80027" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

function SvgMorocco({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#D80027" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

function SvgFinland({ className, style }) {
    return (
        <svg width={32} height={32} viewBox="0 0 32 32" className={className} style={style}>
            <g fillRule="nonzero" fill="none">
                <circle fill="#F0F0F0" cx={16} cy={16} r={16} />

• Read up
  Read up

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

Open

    const {
        id,
        className,
        style,
        label,

• Read up
  Read up

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

Open

    const {
        placeholder,
        label,
        required,
        style,

• Read up
  Read up

File lookup.spec.js has 386 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { mount } from 'enzyme';
import ButtonIcon from '../../ButtonIcon';
import Lookup from '..';
import StyledTextError from '../../Input/styled/errorText';

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

Open

const Text = props => {
    const { className, style } = props;
    return (
        <svg className={className} style={style} width="328px" height="376px" viewBox="0 0 328 376">
            <g

• Read up
  Read up

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

Open

const One = props => {
    const { className, style } = props;
    return (
        <svg className={className} style={style} width="81px" height="201px" viewBox="0 0 81 201">
            <g

• Read up
  Read up

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

Open

const List = props => {
    const { className, style } = props;
    return (
        <svg className={className} style={style} width="461px" height="352px" viewBox="0 0 461 352">
            <g

• Read up
  Read up

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

Open

    it('should not open the modal when enter key or space key is pressed while input is focused and readOnly is passed', () => {
        const values = [ENTER_KEY, SPACE_KEY];
        values.forEach(value => {
            const component = mount(<TimePicker label="unit-testing-timePicker" readOnly />);
            const timePickerInput = component.find('input');

• Read up
  Read up

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

Open

                <g
                    id="sidebar-component"
                    transform="translate(-157.000000, -820.000000)"
                    fillRule="nonzero"
                >

• Read up
  Read up

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

Open

    it('should not open the modal when enter key or space key is pressed while input is focused and readOnly is passed', () => {
        const values = [ENTER_KEY, SPACE_KEY];
        values.forEach(keyCode => {
            const component = mount(
                <DateTimePicker label="unit-testing-dateTimePicker" readOnly />,

• Read up
  Read up

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

Open

                    <g id="Group-31" transform="translate(124.000000, 458.000000)">
                        <g id="Group-37" transform="translate(19.000000, 30.000000)">
                            <g id="dashboard" transform="translate(16.000000, 8.000000)">
                                <path
                                    d="M7.0625,11 L0.625,11 C0.2798125,11 0,11.2798125 0,11.625 L0,15.375 C0,15.7201875 0.2798125,16 0.625,16 L7.0625,16 C7.4076875,16 7.6875,15.7201875 7.6875,15.375 L7.6875,11.625 C7.6875,11.2798125 7.4076875,11 7.0625,11 Z"

• Read up
  Read up

Function DatePicker has 130 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DatePicker = React.forwardRef((props, ref) => {
    const {
        value,
        minDate,
        maxDate,

Function Drawer has 130 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Drawer(props) {
    const {
        id,
        isOpen,
        hideCloseButton,