github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/devtools/containers/raft/index.tsx (about)

     1  // Copyright 2018 The Cockroach Authors.
     2  //
     3  // Use of this software is governed by the Business Source License
     4  // included in the file licenses/BSL.txt.
     5  //
     6  // As of the Change Date specified in that file, in accordance with
     7  // the Business Source License, use of this software will be governed
     8  // by the Apache License, Version 2.0, included in the file
     9  // licenses/APL.txt.
    10  
    11  import React from "react";
    12  import { Helmet } from "react-helmet";
    13  import { NavLink } from "react-router-dom";
    14  
    15  /**
    16   * Renders the layout of the nodes page.
    17   */
    18  export default class Layout extends React.Component<{}, {}> {
    19    render() {
    20      // TODO(mrtracy): this outer div is used to spare the children
    21      // `nav-container's styling. Should those styles apply only to `nav`?
    22      return <div>
    23        <Helmet title="Raft | Debug" />
    24        <section className="section"><h1 className="base-heading">Raft</h1></section>
    25        <div className="nav-container">
    26          <ul className="nav">
    27            <li className="normal">
    28              <NavLink to="/raft/ranges" activeClassName="active">Ranges</NavLink>
    29            </li>
    30            <li className="normal">
    31              <NavLink to="/raft/messages/all" activeClassName="active">Messages</NavLink>
    32            </li>
    33          </ul>
    34        </div>
    35        { this.props.children }
    36      </div>;
    37    }
    38  }