nexxtway/react-rainbow

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

Open

    it('should render on top 312px when the clock is 8:00 AM', () => {
        const wrapper = mount(<Hours />);
        expect(wrapper.find(StyledClock).prop('style').top).toBe('312px');
    });

• Read up
  Read up

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

Open

            <RenderIf isTrue={tooltip}>
                <InternalTooltip
                    triggerElementRef={() => triggerRef}
                    isVisible={isVisible}
                    preferredPosition="right"

• Read up
  Read up

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

Open

export const StyledBackdrop = attachThemeAttrs(styled.div)`
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

• Read up
  Read up

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

Open

    it('should call disableBodyScroll when open the modal', () => {
        mount(
            <Modal isOpen>
                <p />
            </Modal>,

• Read up
  Read up

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

Open

            <RenderIf isTrue={tooltip}>
                <InternalTooltip
                    triggerElementRef={() => buttonRef}
                    isVisible={isTooltipVisible}
                    preferredPosition="top"

• Read up
  Read up

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

Open

    incrementMinutes() {
        const { minutes } = this.state;
        const minutesValue = minutes || this.prevMinutes;
        this.setState({
            minutes: normalizeMinutes(getNextMinute(minutesValue)),

• Read up
  Read up

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

Open

    decrementMinutes() {
        const { minutes } = this.state;
        const minutesValue = minutes || this.prevMinutes;
        this.setState({
            minutes: normalizeMinutes(getPrevMinute(minutesValue)),

• Read up
  Read up

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

Open

const InlineHeading = ({ level, children }) => {
    return (
        <StyledInlineHeading as={`h${level}`} level={level}>
            {children}
        </StyledInlineHeading>

• Read up
  Read up

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

Open

    it('should render on top 320px when the clock is 8:00 AM', () => {
        const wrapper = mount(<ClockLine />);
        expect(wrapper.find(StyledClockLine).prop('style').top).toBe('320px');
    });

• Read up
  Read up

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

Open

const TestCurrencyInput = props => {
    // eslint-disable-next-line react/prop-types
    const { initialValue } = props;
    const [value, setValue] = useState(initialValue);
    return <CurrencyInput onChange={setValue} value={value} />;

• Read up
  Read up

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

Open

const TestPercentInput = props => {
    // eslint-disable-next-line react/prop-types
    const { initialValue } = props;
    const [value, setValue] = useState(initialValue);
    return <PercentInput onChange={setValue} value={value} />;

• Read up
  Read up

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

Open

const StyledIcon = attachThemeAttrs(styled.svg)`
    color: ${props => props.palette.brand.main};
    margin-left: 0.5rem;
    margin-top: 0.625rem;
    transform: rotate(0deg);

• Read up
  Read up

Function SelectableHeader has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function SelectableHeader(props) {
    const {
        onSelectAllRows,
        onDeselectAllRows,
        tableId,

Function Marker has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

    render() {
        const { children, toc } = this.props;
        const { components } = toc.props.sections[1];

        return (

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

Open

        return {
            top: trigger.rightUpAnchor.y + trigger.height / 2 - content.height / 2,
            left: trigger.leftUpAnchor.x - margin - content.width,
        };

• Read up
  Read up

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

Open

            top: {
                bottom: viewport.height - trigger.leftUpAnchor.y + margin,
                left: trigger.rightUpAnchor.x - content.width / 2 - trigger.width / 2,
            },

• Read up
  Read up

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

Open

            left: {
                top: trigger.rightUpAnchor.y + trigger.height / 2 - content.height / 2,
                left: trigger.leftUpAnchor.x - margin - content.width,
            },

• Read up
  Read up

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

Open

        return {
            bottom: viewport.height - trigger.leftUpAnchor.y + margin,
            left: trigger.rightUpAnchor.x - content.width / 2 - trigger.width / 2,
        };

• Read up
  Read up

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

Open

ExpandCollapseButton.propTypes = {
    hasChildren: PropTypes.bool.isRequired,
    isExpanded: PropTypes.bool.isRequired,
    isLoading: PropTypes.bool.isRequired,
    onClick: PropTypes.func.isRequired,

• Read up
  Read up