nexxtway/react-rainbow

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

Open

    return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(b * 255)})`;

• Read up
  Read up

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

Open

    it('should return "PM" when value passed is a valid formatted time', () => {
        const values = ['01:32 PM', '11:02 PM', '05:00 PM', '10:19 PM'];
        values.forEach(value => expect(getAmPm(value)).toBe('PM'));
    });

• Read up
  Read up

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

Open

            <VerticalNavigation selectedItem="item-1">
                <VerticalSection label="Section Label">
                    <VerticalItem name="item-1" label="Recent" />
                    <VerticalItem name="item-2" label="Projects" />
                </VerticalSection>

• Read up
  Read up

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

Open

const ErrorText = attachThemeAttrs(styled.div)`
    font-size: ${FONT_SIZE_TEXT_MEDIUM};
    margin-top: ${MARGIN_X_SMALL};
    align-self: ${getAlignSelf};
    color: ${props => props.palette.error.main};

• Read up
  Read up

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

Open

    it('should return "AM" when value passed is a valid formatted time', () => {
        const values = ['01:32 AM', '11:02 AM', '05:00 AM', '10:19 AM'];
        values.forEach(value => expect(getAmPm(value)).toBe('AM'));
    });

• Read up
  Read up

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

Open

const StyledInputHidden = attachThemeAttrs(styled(HiddenElement))`
    color: inherit;
    font: inherit;
    line-height: normal;
    box-sizing: border-box;

• Read up
  Read up

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

Open

jest.mock('../../../libs/counterManager', () => ({
    increment: jest.fn(),
    decrement: jest.fn(),
    hasModalsOpen: jest.fn(() => false),
}));

• Read up
  Read up

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

Open

const StyledCheckmarkIcon = attachThemeAttrs(styled(CheckmarkIcon))`
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;

• Read up
  Read up

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

Open

    constructor(props) {
        super(props);
        this.inputId = uniqueId('picklist-input');
        this.errorMessageId = uniqueId('error-message');
        this.listboxId = uniqueId('listbox');

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

Open

    render() {
        const { className, style, latitude, longitude, icon } = this.props;
        const { label, description } = this.state;

        if (latitude && longitude) {

Function StarHalf has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function StarHalf() {
    return (
        <svg width="19px" height="18px" viewBox="0 0 19 18">
            <defs>
                <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">

Function Cancel has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Cancel(props) {
    const { className, style } = props;
    return (
        <svg
            width="16px"

Function useMoveFocusedDayFunction has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function useMoveFocusedDayFunction(focusedDate, currentMonth, minDate, maxDate) {
    return useCallback(
        increment => {
            const { minCalendarDate, maxCalendarDate } = getCalendarBounds(minDate, maxDate);
            const nextFocusedDate = addDays(focusedDate, increment);

Function Month has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Month(props) {
    const { firstDayMonth, value, minDate, maxDate, onChange } = props;

    const date = new Date(firstDayMonth);
    const lastDayMonth = getLastDayMonth(firstDayMonth);

Function Notification has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Notification(props) {
    const { className, style, icon, title, description, onRequestClose, hideCloseButton } = props;

    return (
        <StyledContainer className={className} style={style}>

Function getTotalWidthsMetadata has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function getTotalWidthsMetadata(params) {
    const { columns, minColumnWidth, maxColumnWidth } = params;
    const initial = {
        totalFixedWidth: 0,
        totalFixedColumns: 0,

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

Open

const Header = React.forwardRef((props, ref) => {
    const { week, today, locale } = props;
    const formattedWeekDay = useFormatedWeekDay(locale);
    const formattedNumberDay = useFormattedNumberDay(locale);

Function MenuItems has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function MenuItems(props) {
    const { items, onClick, focusedItemIndex, onHover } = props;

    return items.map((item, index) => {
        const { label, description, icon, type } = item;

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

Open

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

Function Day has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Day(props) {
    const { date, firstDayMonth, isSelected, minDate, maxDate, onSelect } = props;
    const { dateComponent } = useContext(MonthCalendarContext);
    const day = date.getDate();
    const isAdjacentDate = date.getMonth() !== firstDayMonth.getMonth();