Sign upLogin

pankod/react-native-picker-modal-view

View on GitHub
Star
src/Components/Modal.tsx

Summary

Maintainability
C
1 day
Test Coverage
A
95%

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

    public render(): JSX.Element {
        const { autoSort, modalAnimationType, onClosed, showAlphabeticalIndex, searchInputTextColor, keyExtractor, showToTopButton, onEndReached, removeClippedSubviews, FlatListProps, selectPlaceholderText, searchPlaceholderText, SearchInputProps, selected, disabled, items, requireSelection, renderSelectView, ModalProps, backButtonDisabled, renderSearch } = this.props;

        const { modalVisible, alphabeticalIndexChars, stickyBottomButton, selectedAlpha, selectedObject, searchText } = this.state;
Severity: Major
Found in src/Components/Modal.tsx - About 3 hrs to fix

    ModalComponent has 24 functions (exceeds 20 allowed). Consider refactoring.
    Open

    export class ModalComponent extends React.PureComponent<IModalProps, IModalState> {

    private flatListRef = null;
    private numToRender: number = 20;
    Severity: Minor
    Found in src/Components/Modal.tsx - About 2 hrs to fix

      File Modal.tsx has 271 lines of code (exceeds 250 allowed). Consider refactoring.
      Open

      // Global Imports
import * as React from 'react';
import { Modal, View, FlatList, KeyboardAvoidingView, NativeSyntheticEvent, NativeScrollEvent, Platform, SafeAreaView, TouchableOpacity } from 'react-native';
// Local Imports
import { AlphabetComponent, ListItemComponent, SearchComponent, ScrollToTopComponent, SelectBoxComponent } from '@Components';
      Severity: Minor
      Found in src/Components/Modal.tsx - About 2 hrs to fix

        There are no issues that match your filters.

        Category
        Status