vitess.io/vitess@v0.16.2/web/vtadmin/src/components/routes/tablet/TabletCharts.tsx (about)

     1  /**
     2   * Copyright 2021 The Vitess Authors.
     3   *
     4   * Licensed under the Apache License, Version 2.0 (the "License");
     5   * you may not use this file except in compliance with the License.
     6   * You may obtain a copy of the License at
     7   *
     8   *     http://www.apache.org/licenses/LICENSE-2.0
     9   *
    10   * Unless required by applicable law or agreed to in writing, software
    11   * distributed under the License is distributed on an "AS IS" BASIS,
    12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13   * See the License for the specific language governing permissions and
    14   * limitations under the License.
    15   */
    16  
    17  import { TabletQPSChart } from '../../charts/TabletQPSChart';
    18  import { TabletVReplicationQPSChart } from '../../charts/TabletVReplicationQPSChart';
    19  
    20  interface Props {
    21      alias: string;
    22      clusterID: string;
    23  }
    24  
    25  export const TabletCharts = ({ alias, clusterID }: Props) => {
    26      return (
    27          <div>
    28              <div className="mt-12 mb-16">
    29                  <h3>QPS</h3>
    30                  <div className="mt-8">
    31                      <TabletQPSChart alias={alias} clusterID={clusterID} />
    32                  </div>
    33              </div>
    34  
    35              <div className="mt-12 mb-16">
    36                  <h3>VReplication QPS</h3>
    37                  <p>VReplication operations aggregated across all streams.</p>
    38                  <div className="mt-8">
    39                      <TabletVReplicationQPSChart alias={alias} clusterID={clusterID} />
    40                  </div>
    41              </div>
    42          </div>
    43      );
    44  };