matthew-matvei/freeman

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";

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

Open

                            <DirectoryWrapper
                                id="left"
                                initialPath={os.homedir()}
                                isSelectedPane={this.state.selectedPane === "left"}
                                sendSelectedPaneUp={this.selectPane}

• Read up
  Read up

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

Open

                            <DirectoryWrapper
                                id="right"
                                initialPath={os.homedir()}
                                isSelectedPane={this.state.selectedPane === "right"}
                                sendSelectedPaneUp={this.selectPane}

• Read up
  Read up

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 };

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

Open

        try {
            const userTheme = this.directoryManager.readFileSync(fileName);
            Utils.trace(`Retrieving user theme from ${fileName}`);

            return JSON.parse(userTheme);

• Read up
  Read up

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

Open

        try {
            const userKeys = this.directoryManager.readFileSync(fullPath);
            Utils.trace(`Retrieving settings from ${fileName}`);

            return JSON.parse(userKeys);

• Read up
  Read up

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 ?

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

Open

        if (!this.validate(this.input!.value)) {
            this.setState({ isInvalid: true } as IInputItemState);

            return;
        } else {

• Read up
  Read up

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

Open

        if (!this.validate(this.input!.value)) {
            this.setState({ isInvalid: true } as IInputItemState);

            return;
        } else {

• Read up
  Read up

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 {

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

Open

                <button
                    className="createdOnColumn"
                    style={createdOnColumnStyle}
                    onClick={this.select}
                    onDoubleClick={this.activate}>

• Read up
  Read up

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

Open

                <button
                    className="lastModifiedColumn"
                    style={lastModifiedColumnStyle}
                    onClick={this.select}
                    onDoubleClick={this.activate}>

• Read up
  Read up

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

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

Open

                this.setState(
                    {
                        directoryItems: await directoryManager.listDirectory(
                            this.props.path,
                            { hideUnixStyleHiddenItems: settingsManager.settings.windows.hideUnixStyleHiddenItems })

• Read up
  Read up

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

Open

            this.setState(
                {
                    directoryItems: await directoryManager.listDirectory(
                        this.props.path,
                        { hideUnixStyleHiddenItems: settingsManager.settings.windows.hideUnixStyleHiddenItems })

• Read up
  Read up

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

Open

            this.setState(
                {
                    directoryItems: await directoryManager.listDirectory(
                        this.props.path,
                        { hideUnixStyleHiddenItems: settingsManager.settings.windows.hideUnixStyleHiddenItems })

• Read up
  Read up

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;