github.com/voedger/voedger@v0.0.0-20240520144910-273e84102129/pkg/apps/sys.monitor/site.main.src/src/elements/SysPerformanceOverview.js (about)

     1  /*
     2   * Copyright (c) 2022-present unTill Pro, Ltd.
     3   */
     4  
     5  import { Button, useTranslate } from 'react-admin';
     6  import {  Box } from '@mui/material';
     7  import MonCard from './MonCard';
     8  import SysPerformanceRps from './SysPerformanceRps';
     9  import SysPerformanceStatusCodes from './SysPerformanceStatusCodes';
    10  import SysPerformanceIops from './SysPerformanceIops';
    11  
    12  
    13  export default () => {
    14      const translate = useTranslate();
    15      
    16      return (
    17        <MonCard caption={translate('dashboard.sysPerfOverview')} toolbar={(<Button sx={{whiteSpace: 'nowrap'}} href="./#/sys-performance" label={translate('common.showDetails')}/>)}>
    18          <Box display="flex">
    19              <Box width="33%">
    20                <SysPerformanceRps />
    21              </Box>
    22              <Box width="33%">
    23                <SysPerformanceStatusCodes />
    24              </Box>
    25              <Box width="34%">
    26                <SysPerformanceIops />                
    27              </Box>
    28          </Box>
    29        </MonCard>
    30      )
    31  };