nexxtway/react-rainbow

Function ErrorIcon has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ErrorIcon() {
    return (
        <svg
            width="20px"
            height="20px"

Function resolveCustomBackground has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function resolveCustomBackground(background) {
    if (background && isValidColor(background)) {
        const dark = isDark(background);
        const mainText = getContrastText(background);
        const theme = {

Function Pagination has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Pagination(props) {
    const { pages, activePage, onChange, className, style, variant } = props;

    const isFirstItemSelected = activePage === 1;
    const isLastItemSelected = activePage === pages;

Function SocialIconsSet has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function SocialIconsSet() {
    return (
        <DesignDetails
            category="library"
            title="Rainbow Social Icons"

Function resolveCustomShadows has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function resolveCustomShadows(colors, background) {
    let shadows = {};
    if (colors.brand) {
        shadows.brand = `0 0 2px ${colors.brand.main}`;
    }

Function rgbToHsv has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function rgbToHsv(color) {
    const { type, values } = decomposeColor(color);
    if (!type || !values || type.indexOf('rgb') === -1) {
        return '';
    }

Function updateRows has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    updateRows() {
        const { keyField, selectedRows, onRowSelection, data } = this.props;
        const maxRowSelection = this.getMaxRowSelection();
        const newRows = getRows({
            keyField,

Function getSearchParams has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function getSearchParams(searchOptions) {
    let searchParams = {};

    if (searchOptions) {
        const { bounds, country, location, ...otherSearchOptions } = searchOptions;

Function Week has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Week(props) {
    const {
        value,
        startDate,
        endDate,

Function Dashboard has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

export default function FindBook() {
    return (
        <DesignDetails
            category="websites"
            title="Rainbow Algolia Search"

• Read up
  Read up

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

Open

const StyledLabel = styled(Label)`
    padding-left: 0;
    padding-right: 0;
    text-align: ${props =>
        Object.prototype.hasOwnProperty.call(labelAlignmentMap, props.labelAlignment)

• Read up
  Read up

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

Open

export default function ComingSoon() {
    return (
        <DesignDetails
            category="websites"
            title="Rainbow Coming Soon"

• Read up
  Read up

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

Open

                <StyledAnchor
                    data-id="vertical-item-clickable-element"
                    className="rainbow-vertical-item_action"
                    href={href}
                    onClick={hanldeOnClick}

• Read up
  Read up

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

Open

export default function Team() {
    return (
        <DesignDetails
            category="websites"
            title="Rainbow Team"

• Read up
  Read up

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

Open

export default function CreateProfile() {
    return (
        <DesignDetails
            category="websites"
            title="Rainbow Create Profile"

• Read up
  Read up

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

Open

                <StyledButton
                    data-id="vertical-item-clickable-element"
                    className="rainbow-vertical-item_action"
                    onClick={hanldeOnClick}
                    aria-describedby={entityHeaderId}

• Read up
  Read up

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

Open

const StyledLabel = styled(Label)`
    padding-left: 0;
    padding-right: 0;
    text-align: ${props =>
        Object.prototype.hasOwnProperty.call(labelAlignmentMap, props.labelAlignment)

• Read up
  Read up

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

Open

    it('should return rgba converted value from hex color format', () => {
        const colors = ['#ffffff', '#fff'];
        colors.forEach(color => {
            expect(colorToRgba(color)).toBe('rgba(255, 255, 255, 1)');
        });

• Read up
  Read up

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

Open

            [PAGEUP_KEY]: () => {
                const result = moveFocusedMonth(-1);
                return {
                    day: result.day,
                    month: shouldUpdateCurrentMonth(result.month) ? result.month : undefined,

• Read up
  Read up