File DirectoryList.tsx has 424 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import autobind from "autobind-decorator";
import { remote } from "electron";
import { List } from "immutable";
import path from "path";
import * as PropTypes from "prop-types";

DirectoryList has 34 functions (exceeds 20 allowed). Consider refactoring.

Open

class DirectoryList extends React.Component<IDirectoryListProps, IDirectoryListState> {

    /** Context available within a ScrollArea. */
    public context: { scrollArea: any };

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

Open

    public render(): JSX.Element {
        const scrollAreaVertBarStyle: React.CSSProperties = {
            backgroundColor: "rgb(65, 67, 57)"
        };
        const directoryListHeight = this.state.isTerminalOpen ?

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

Open

    public render(): JSX.Element {
        const { directoryManager, keysManager, settingsManager, themeManager } = this.props;
        const appStyle = { color: themeManager.theme.primaryColour };
        const resizerStyle: React.CSSProperties = {
            backgroundColor: this.props.themeManager.theme.resizers.colour

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

Open

    public render(): JSX.Element {
        const { isSelected, model } = this.props;
        const selectedClass = isSelected ? "selected" : "";

        const {

Function itemStyles has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    private get itemStyles(): IDirectoryItemStyles {
        const { isSelected, model, theme } = this.props;
        const {
            fileColour,
            directoryColour,

Function listDirectory has 39 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    public async listDirectory(
        filePath: string,
        options: IListDirectoryOptions
    ): Promise<IDirectoryItem[]> {

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

Open

    public render(): JSX.Element {
        const directoryHeaderStyles: React.CSSProperties = {
            background: this.props.theme.directoryHeader.backgroundColour,
            boxShadow: `0 5px 5px ${this.props.theme.directoryItem.backgroundColour}`,
            color: this.props.theme.directoryHeader.foregroundColour

Function pasteFromClipboard has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    @autobind
    private async pasteFromClipboard() {
        const { directoryManager, settingsManager } = this.props;
        const { clipboardAction, clipboardItems } = this.model;

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

Open

    public render(): JSX.Element {
        const items = this.renderItems();

        return (
            <div className="DirectoryList">

Function render has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

    public render(): JSX.Element {
        const { directoryItem, directoryItemType, theme } = this.props;
        const { directoryItemIcon } = theme;

        if (directoryItem && directoryItem.isDirectory || directoryItemType === "folder") {

• Read up
  Read up

Function componentDidUpdate has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    public async componentDidUpdate(prevProps: IDirectoryListProps, prevState: IDirectoryListState) {
        const { directoryManager, settingsManager } = this.props;

        this.props.statusNotifier.setItemCount(this.nonHiddenDirectoryItems.length);
        this.props.statusNotifier.setChosenCount(this.state.chosenItems.length);

Consider simplifying this complex logical expression.

Open

        if (directoryItem && !directoryItem.isDirectory || directoryItemType === "file") {
            const className = directoryItem && fileIcons.getClassWithColor(directoryItem.path);

            return className ?
                <i style={this.iconStyles}

Function listDirectory has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

    public async listDirectory(
        filePath: string,
        options: IListDirectoryOptions
    ): Promise<IDirectoryItem[]> {

• Read up
  Read up

Function itemStyles has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

    private get itemStyles(): IDirectoryItemStyles {
        const { isSelected, model, theme } = this.props;
        const {
            fileColour,
            directoryColour,

• Read up
  Read up

Function createItem has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

    public async createItem(itemName: string, itemPath: string, itemType: ItemType): Promise<void> {
        const fullItemName = path.join(itemPath, itemName);

        if (itemType === "folder") {
            try {

• Read up
  Read up

Function handleKeyUp has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

    @autobind
    private async handleKeyUp(event: React.KeyboardEvent<HTMLInputElement>) {
        if (event.key === "up" || event.key === "down") {
            return;
        }

• Read up
  Read up

Function pasteFromClipboard has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

    @autobind
    private async pasteFromClipboard() {
        const { directoryManager, settingsManager } = this.props;
        const { clipboardAction, clipboardItems } = this.model;

• Read up
  Read up

Function handleRename has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

    private handleRename(event: React.KeyboardEvent<HTMLInputElement>) {
        if (event.key === "Escape") {
            return this.props.sendUpRenameItem!();
        }

• Read up
  Read up

Function deleteItem has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

    private async deleteItem(itemPath: string, itemType: ItemType): Promise<void> {
        if (itemType === "folder") {
            try {
                await this.fileSystemWrapper.rmdirAsync(itemPath);
            } catch {

• Read up
  Read up