nexxtway/react-rainbow

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

Open

export const StyledFlagIcon = styled.svg`
    width: 28px !important;
    height: 28px !important;
    vertical-align: middle;
    ${props =>

• Read up
  Read up

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

Open

    it('should set isVisible to false in Marker when there is a disabled option selected initially', () => {
        const component = mount(<RadioButtonGroup options={options} value="admin" />);
        expect(component.find('Marker').prop('isVisible')).toBe(false);
    });

• Read up
  Read up

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

Open

            <g clipPath="url(#clip1_350_14601)">
                <path
                    d="M16.8101 4.04336L15.5443 2.77754L16.8101 1.51172"
                    stroke="currentColor"
                    strokeLinecap="round"

• Read up
  Read up

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

Open

            <g clipPath="url(#clip0_350_14601)">
                <path
                    d="M7.94946 16.9551L9.21529 18.2209L7.94946 19.4867"
                    stroke="currentColor"
                    strokeLinecap="round"

• Read up
  Read up

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

Open

        const component = mount(
            <ProgressIndicator currentStepName="step-1" onClick={onClickMockFn}>
                <ProgressStep name="step-1" />
                <ProgressStep name="step-2" />
                <ProgressStep name="step-3" />

• Read up
  Read up

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

Open

const StyledWrapper = attachThemeAttrs(styled.div)`
    outline: none;
    position: absolute;
    top: 0;
    height: 44px;

• Read up
  Read up

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

Open

const StyledTable = attachThemeAttrs(styled.table)`
    table-layout: fixed;
    border-collapse: separate;
    background-color: ${props => props.palette.background.main};
    border-spacing: 0;

• Read up
  Read up

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

Open

    it('should render the SelectableCell component when columnType is "SELECTABLE_CHECKBOX"', () => {
        const component = mount(<Cell value="cell-1" isFirst columnType="SELECTABLE_CHECKBOX" />);
        expect(component.find('SelectableCell').exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should render the children passed', () => {
        const component = mount(
            <Breadcrumbs>
                <span />
            </Breadcrumbs>,

• Read up
  Read up

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

Open

    it('should not render the children when isTrue is false', () => {
        const component = mount(
            <RenderIf>
                <svg />
            </RenderIf>,

• Read up
  Read up

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

Open

    it('should render the EnumerableCell component when columnType is "WITH_ENUMERABLE"', () => {
        const component = mount(<Cell value="cell-1" isFirst columnType="WITH_ENUMERABLE" />);
        expect(component.find('EnumerableCell').exists()).toBe(true);
    });

• Read up
  Read up

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

Open

        const component = mount(
            <ActivityTimeline variant="accordion" onToggleSection={onToggleSectionFN}>
                <TimelineMarker name="marker1" />
                <TimelineMarker name="marker2" />
                <TimelineMarker name="marker3" />

• Read up
  Read up

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

Open

    render() {
        const {
            name,
            value,
            onChange,

Function Header has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Header() {
    return (
        <header className="rainbow-flex rainbow-align_center rainbow-p-vertical_small rainbow-p-horizontal_large rainbow-admin_header rainbow-background-color_white">
            <img
                src="./assets/images/rainbow-logo.svg"

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

Open

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

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

Open

    render() {
        const {
            name,
            value,
            onChange,

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

Open

    constructor(props) {
        super(props);
        const {
            children,
            showCheckboxColumn,

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

Open

    render() {
        const { activeTabName, fullWidth, variant, children, style, className, id } = this.props;
        const { areButtonsVisible } = this.state;
        const { screenWidth } = this;
        const showButtons = areButtonsVisible || screenWidth < 600;

Function DashboardPurple has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

Function SearchIcon has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SearchIcon = props => {
    const { className } = props;
    return (
        <svg
            className={className}