github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips.tsx (about)

     1  // Copyright 2020 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  
    13  import * as docsURL from "src/util/docs";
    14  import {Anchor} from "src/components";
    15  import {ReactNode} from "react";
    16  
    17  export const CapacityGraphTooltip: React.FunctionComponent<{tooltipSelection: ReactNode}> =
    18    ({tooltipSelection}) => (<div>
    19      <dl>
    20        <dd>
    21          <p>
    22            Usage of disk space {tooltipSelection}.
    23          </p>
    24          <p>
    25            <Anchor href={docsURL.howAreCapacityMetricsCalculated}>
    26              How are these metrics calculated?
    27            </Anchor>
    28          </p>
    29        </dd>
    30      </dl>
    31    </div>);
    32  
    33  export const LogicalBytesGraphTooltip: React.FunctionComponent =
    34    () => (<div>
    35      <dl>
    36        <dd>
    37          <p>
    38            Number of logical bytes stored in
    39            {" "}
    40            <Anchor href={docsURL.keyValuePairs}>
    41              key-value pairs
    42            </Anchor>
    43            {" "}
    44            on each node.
    45          </p>
    46          <p>
    47            This includes historical and deleted data.
    48          </p>
    49        </dd>
    50      </dl>
    51    </div>);