nexxtway/react-rainbow

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

Open

    render() {
        const { isFocused, tabIndex, onFocus, value, onClick } = this.props;

        if (isFocused) {
            return (

Function StatsCard has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function StatsCard(props) {
    const { validRecords, invalidRecords, borderRadius } = props;
    const invalidCount = invalidRecords.length;
    const validCount = validRecords.length;
    const totalRecords = invalidCount + validCount;

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

Open

    render() {
        const {
            data,
            columns,
            rows,

Function PhoneSolid has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

Function Internationalization has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

    it('should open the DateTimePicker when click on the label element', async () => {
        const picker = new PageDateTimePicker(DATETIMEPICKER);
        await picker.clickLabel();
        await picker.waitUntilOpen();
        await expect(await picker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should focus the hour input by default when the time selector is open', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await expect(await timePicker.hasFocusHourInput()).toBe(true);

• Read up
  Read up

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

Open

    it('should open the time selector when click on TimePicker component', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickTimeInput();
        await timePicker.waitUntilOpen();
        await expect(await timePicker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should open the DateTimePicker when click on input element', async () => {
        const picker = new PageDateTimePicker(DATETIMEPICKER);
        await picker.click();
        await picker.waitUntilOpen();
        await expect(await picker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should open the DatePicker when click on the input element', async () => {
        const datePicker = new PageDatePicker(DATEPICKER);
        await datePicker.click();
        await datePicker.waitUntilOpen();
        await expect(await datePicker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should open the time selector when click on the label of the TimePicker component', async () => {
        const timePicker = new PageTimePicker(TIME_PICKER);
        await timePicker.clickLabel();
        await timePicker.waitUntilOpen();
        await expect(await timePicker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

    it('should open the DatePicker when click on the label element', async () => {
        const datePicker = new PageDatePicker(DATEPICKER);
        await datePicker.clickLabel();
        await datePicker.waitUntilOpen();
        await expect(await datePicker.isOpen()).toBe(true);

• Read up
  Read up

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

Open

            <VerticalNavigation onSelect={onSelectMockFn}>
                <VerticalSection label="header section">
                    <VerticalItem name="item 1" label="item 1" />
                    <VerticalItem name="item 2" label="item 2" />
                    <VerticalItem name="item 3" label="item 3" />

• Read up
  Read up

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

Open

                <Label
                    label={label}
                    labelAlignment={labelAlignment}
                    hideLabel={hideLabel}
                    required={required}

• Read up
  Read up

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

Open

function Header({ code }) {
    return (
        <div className="react-rainbow-editor-header">
            <img
                src={windowsActionsSvg}

• Read up
  Read up

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

Open

export default function Header({ code }) {
    return (
        <div className="react-rainbow-code-editor-header">
            <img src={windowsActionsSvg} alt="widnows actions img" className="rainbow-m-left_x-small" />
            <CopyToClipboard text={code} />

• Read up
  Read up

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

Open

                <Label
                    label={label}
                    labelAlignment={labelAlignment}
                    hideLabel={hideLabel}
                    required={required}

• Read up
  Read up

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

Open

        <svg
            className={className}
            style={style}
            width="16"
            height="16"

• Read up
  Read up

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

Open

    render() {
        const { selectedItem } = this.state;
        return (
            <Application theme={theme}>
                <ReactTypeformEmbed

Function UserFirstPost has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function UserFirstPost(props) {
    const { className, style } = props;
    return (
        <svg
            className={className}