Line data    Source code

       1              : /*
       2              :  * Copyright (C) 2020 Red Hat, Inc.
       3              :  * SPDX-License-Identifier: LGPL-2.1-or-later
       4              :  */
       5              : 
       6           37 : import React from "react";
       7              : 
       8              : import { Split, SplitItem } from "@patternfly/react-core/dist/esm/layouts/Split/index.js";
       9              : import { Grid, GridItem } from "@patternfly/react-core/dist/esm/layouts/Grid/index.js";
      10              : import { ZoomControls, SvgPlot, bits_per_sec_config } from "cockpit-components-plot.jsx";
      11              : 
      12           37 : import cockpit from "cockpit";
      13           37 : const _ = cockpit.gettext;
      14              : 
      15           37 : export const NetworkPlots = ({ plot_state }) => {
      16           37 :     return (
      17           37 :         <>
      18           37 :             <Split>
      19           37 :                 <SplitItem isFilled />
      20           37 :                 <SplitItem><ZoomControls plot_state={plot_state} /></SplitItem>
      21           37 :             </Split>
      22           37 :             <Grid sm={12} md={6} lg={6} hasGutter>
      23           37 :                 <GridItem>
      24           37 :                     <SvgPlot className="network-graph"
      25           37 :                              title={_("Transmitting")} config={bits_per_sec_config}
      26           37 :                              plot_state={plot_state} plot_id='tx' />
      27           37 :                 </GridItem>
      28           37 :                 <GridItem>
      29           37 :                     <SvgPlot className="network-graph"
      30           37 :                              title={_("Receiving")} config={bits_per_sec_config}
      31           37 :                              plot_state={plot_state} plot_id='rx' />
      32           37 :                 </GridItem>
      33           37 :             </Grid>
      34           37 :         </>);
      35           37 : };