Showing 445 of 2,739 total issues
File index.js
has 368 lines of code (exceeds 250 allowed). Consider refactoring. Open
Open
/* eslint-disable react/sort-comp */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import withReduxForm from '../../libs/hocs/withReduxForm';
import RenderIf from '../RenderIf';
Function render
has 119 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
render() {
const {
label: pickListLabel,
labelAlignment,
hideLabel,
File index.js
has 363 lines of code (exceeds 250 allowed). Consider refactoring. Open
Open
import styled from 'styled-components';
import attachThemeAttrs from '../../../styles/helpers/attachThemeAttrs';
import IconContainer from '../../Input/styled/iconContainer';
import ButtonIcon from '../../ButtonIcon';
import { MARGIN_X_SMALL } from '../../../styles/margins';
Function AccordionSection
has 117 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
const AccordionSection = props => {
const {
style,
disabled,
children,
Lookup
has 36 functions (exceeds 20 allowed). Consider refactoring. Open
Open
class Lookup extends Component {
constructor(props) {
super(props);
const normalizedOptions = getNormalizedOptions(props.options || []);
this.state = {
File singleCalendar.js
has 361 lines of code (exceeds 250 allowed). Consider refactoring. Open
Open
/* eslint-disable react/sort-comp */
/* eslint-disable react/prop-types */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import DaysOfWeek from './daysOfWeek';
Function CalendarIcon
has 116 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
export default function CalendarIcon(props) {
const { className, style } = props;
return (
<svg className={className} style={style} width="21px" height="21px" viewBox="0 0 21 21">
Function render
has 115 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
render() {
const {
className,
style,
value,
Function ButtonIcon
has 115 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
const ButtonIcon = React.forwardRef((props, ref) => {
const buttonRef = useRef();
const tooltipRef = useRef();
useImperativeHandle(ref, () => ({
Function render
has 114 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
render() {
const { handleSubmit } = this.props;
return (
<form
className="rainbow-p-horizontal_x-large rainbow-p-bottom_large rainbow-checkout_media-styles-container"
Function Child
has 111 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
export default function Child(props) {
const {
label,
isExpanded,
isLoading,
Function render
has 109 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
render() {
const { name, description, examples, tabBody } = this.props;
const descriptionText = description ? description.props.text : null;
const { activeTabName } = this.state;
Function StrongPasswordInput
has 108 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
const StrongPasswordInput = React.forwardRef((props, ref) => {
const {
id,
className,
style,
Function Paris
has 108 lines of code (exceeds 25 allowed). Consider refactoring. Open
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
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">
Function MapComponent
has 106 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
export default function MapComponent(props) {
const {
showTraffic,
showTransit,
center,
File index.js
has 343 lines of code (exceeds 250 allowed). Consider refactoring. Open
Open
/* eslint-disable react/no-unused-prop-types */
import React, { useState, useRef, useImperativeHandle } from 'react';
import PropTypes from 'prop-types';
import { useOutsideClick } from '@rainbow-modules/hooks';
import Label from '../Input/label';
File index.js
has 343 lines of code (exceeds 250 allowed). Consider refactoring. Open
Open
/* eslint-disable react/no-unused-prop-types */
import React, { useState, useRef, useCallback } from 'react';
import PropTypes from 'prop-types';
import { useScrollingIntent } from '@rainbow-modules/hooks';
import Label from '../Input/label';
Function Cell
has 105 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
export default function Cell(props) {
const {
header,
component,
value,
Function CarouselImage
has 104 lines of code (exceeds 25 allowed). Consider refactoring. Open
Open
const CarouselImage = props => {
const { assistiveText, description, header, href, src, style, className } = props;
const {
register,
unregister,