Method get_node_jsx

gdbgui/src/js/FileSystem.tsx:5–52

(node: any, depth = 0)

class FileSystem extends React.Component {
  nodecount: any;
  get_node_jsx(node: any, depth = 0) {
    if (!node) {
      return null;
    }
    this.nodecount++;

    let get_child_jsx_for_node = (node: any) => {
      if (!(node.children && node.toggled)) {
        return null;
      }
      return (
        <ul>{node.children.map((child: any) => this.get_node_jsx(child, depth + 1))}</ul>
      );
    };
    let indent = "\u00A0\u00A0\u00A0".repeat(depth),
      glyph = null;
    let is_file = !node.children,
      is_dir = !is_file;
    if (is_dir) {
      glyph = node.toggled ? "glyphicon-chevron-down" : "glyphicon-chevron-right";
    }

    let onClickName = null;
    if (is_file) {
      onClickName = () => {
        // @ts-expect-error ts-migrate(2339) FIXME: Property 'onClickName' does not exist on type 'Rea... Remove this comment to see the full error message
        this.props.onClickName(node);
      };
    }

    return (
      <React.Fragment key={this.nodecount}>
        <li className="pointer">
          {indent}
          <span
            className={"glyphicon  " + glyph}
            onClick={() => {
              // @ts-expect-error ts-migrate(2339) FIXME: Property 'onToggle' does not exist on type 'Readon... Remove this comment to see the full error message
              this.props.onToggle(node);
            }}
          />
          {/* @ts-expect-error ts-migrate(2322) FIXME: Type 'null' is not assignable to type '((event: Mo... Remove this comment to see the full error message */}
          <span onClick={onClickName}>{node.name}</span>
        </li>
        {get_child_jsx_for_node(node)}
      </React.Fragment>
    );
  }

  render() {
    this.nodecount = -1;