nexxtway/react-rainbow

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

Open

                    <g>
                        <g fill="#FBF90B">
                            <path d="M32.288 3.5c0 1.311-.828 1.987-1.261 2.376-.48-.402-1.217-1.065-1.217-2.376 0-1.312.693-2.898 1.217-2.898.524 0 1.261 1.586 1.261 2.898z" />
                            <path d="M31.027 3.795c.253 0 .458.853.458 1.904 0 1.05-.205 1.903-.458 1.903-.122 0-.238-.2-.324-.558A6.075 6.075 0 0130.57 5.7c0-1.051.205-1.904.458-1.904" />
                            <path d="M33.442 4.213c-.412-.018-.883.219-1.228.66-.49.63-1.136 2.091-.777 2.562-.064-.365.155-.902.576-1.337.53-.548 1.179-.728 1.45-.403.21.254.129.74-.168 1.201.239-.184.448-.382.588-.562.51-.654.55-1.512.09-1.915a.847.847 0 00-.531-.206zM28.612 4.26c.412-.017.884.22 1.228.661.49.629 1.136 2.09.777 2.562.064-.366-.155-.903-.576-1.338-.53-.547-1.179-.728-1.45-.403-.21.254-.129.74.168 1.202a3.412 3.412 0 01-.588-.562c-.51-.654-.55-1.512-.09-1.915a.847.847 0 01.532-.207z" />

• Read up
  Read up

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

Open

    it('should pass the right pages to Pagination', () => {
        const pageSizes = [2, 3];
        const expectedPages = [7, 5];
        pageSizes.forEach((pageSize, index) => {
            const component = mount(

• Read up
  Read up

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

Open

InputRadio.defaultProps = {
    value: undefined,
    label: undefined,
    name: undefined,
    bottomHelpText: null,

• Read up
  Read up

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

Open

InputCheckbox.defaultProps = {
    value: undefined,
    label: undefined,
    name: undefined,
    bottomHelpText: null,

• Read up
  Read up

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

Open

    it('should pass the right pages to Options', () => {
        const pageSizes = [1, 2];
        const expectedPages = [14, 7];
        pageSizes.forEach((pageSize, index) => {
            const component = mount(

• Read up
  Read up

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

Open

                    <g>
                        <g fill="#FBF90B">
                            <path d="M17.204 3.5c0 1.311-.828 1.987-1.261 2.376-.48-.402-1.217-1.065-1.217-2.376 0-1.312.693-2.898 1.217-2.898.524 0 1.261 1.586 1.261 2.898z" />
                            <path d="M15.943 3.795c.253 0 .458.853.458 1.904 0 1.05-.205 1.903-.458 1.903-.121 0-.238-.2-.324-.558a6.075 6.075 0 01-.134-1.345c0-1.051.205-1.904.458-1.904" />
                            <path d="M18.358 4.213c-.412-.018-.883.219-1.228.66-.49.63-1.136 2.091-.777 2.562-.064-.365.156-.902.576-1.337.53-.548 1.179-.728 1.45-.403.21.254.13.74-.168 1.201.239-.184.448-.382.588-.562.51-.654.55-1.512.09-1.915a.847.847 0 00-.531-.206zM13.529 4.26c.411-.017.883.22 1.227.661.49.629 1.136 2.09.777 2.562.064-.366-.155-.903-.576-1.338-.53-.547-1.179-.728-1.45-.403-.21.254-.129.74.168 1.202a3.412 3.412 0 01-.588-.562c-.51-.654-.55-1.512-.089-1.915a.847.847 0 01.53-.207z" />

• Read up
  Read up

Function StrongPasswordInput has 108 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const StrongPasswordInput = React.forwardRef((props, ref) => {
    const {
        id,
        className,
        style,

Function Paris has 108 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

Function Design has 108 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Design = props => {
    const { className, style } = props;
    return (
        <svg className={className} style={style} width="49px" height="53px" viewBox="0 0 49 53">
            <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">

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

Open

    it('should move to the first item when last focusable item is active and press arrow down', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const lastFocusableMenuItem = await buttonMenu.getItem(3);
        const firstMenuItem = await buttonMenu.getItem(0);

• Read up
  Read up

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

Open

    it('should move to the previous focusabled item when press arrow up', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const thirdMenuItem = await buttonMenu.getItem(2);
        const fourthMenuItem = await buttonMenu.getItem(3);

• Read up
  Read up

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

Open

export default function formatDate(date, formatStyle = 'medium', locale = 'en-US') {
    if (date) {
        try {
            const options = FORMATS[formatStyle] || FORMATS.medium;
            const value = typeof date === 'string' ? new Date(date) : date;

• Read up
  Read up

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

Open

export default function formatDate(date, formatStyle = 'medium', locale = 'en-US') {
    if (date) {
        try {
            const options = FORMATS[formatStyle] || FORMATS.medium;
            const value = typeof date === 'string' ? new Date(date) : date;

• Read up
  Read up

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

Open

    it('should move to the previous item when press arrow up', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const secondMenuItem = await buttonMenu.getItem(1);
        const thirdMenuItem = await buttonMenu.getItem(2);

• Read up
  Read up

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

Open

    it('should move to the first item when last item is active and press arrow down', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const secondMenuItem = await buttonMenu.getItem(1);
        const thirdMenuItem = await buttonMenu.getItem(2);

• Read up
  Read up

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

Open

    it('should move to the first item when last item is active and press arrow down', async () => {
        const avatarMenu = new PageAvatarMenu(AVATAR_MENU);
        await avatarMenu.click();
        const firstMenuItem = await avatarMenu.getItem(0);
        const lastMenuItem = await avatarMenu.getItem(1);

• Read up
  Read up

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

Open

        it('should return true when screen width is more than 600px and first tab is visible', () => {
            const activeTabName = 'onion';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return true when screen width is less than 600px and first tab is active', () => {
            const activeTabName = 'pizza';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

        it('should return false when screen width is more than 600px and first tab is not visible', () => {
            const activeTabName = 'onion';
            const tabsetChildren = [
                { name: 'pizza', ref: {} },
                { name: 'onion', ref: {} },

• Read up
  Read up

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

Open

export default function isSameMonth(date1, date2) {
    try {
        const value1 = typeof date1 === 'string' ? new Date(date1) : date1;
        const value2 = typeof date2 === 'string' ? new Date(date2) : date2;
        return !!(value1 && value2 && value1.getMonth() === value2.getMonth());

• Read up
  Read up