Device page now uses tabs

This commit is contained in:
Charles
2021-10-25 15:55:02 -04:00
parent 531b240990
commit 996e9c2e4b
14 changed files with 327 additions and 51 deletions

View File

@@ -34,35 +34,34 @@ const DeviceStatisticsCard = () => {
return (
<div>
<CCard>
<CCardHeader>
<CCard className="m-0">
<CCardHeader className="p-1">
<div className="d-flex flex-row-reverse align-items-center">
<div className="pl-2">
<CPopover content={t('common.refresh')}>
<CButton color="primary" variant="outline" onClick={refresh}>
<CButton size="sm" color="primary" variant="outline" onClick={refresh}>
<CIcon content={cilSync} />
</CButton>
</CPopover>
</div>
<div className="pl-2">
<CButton color="primary" variant="outline" onClick={toggleLifetimeModal}>
<CButton size="sm" color="primary" variant="outline" onClick={toggleLifetimeModal}>
Lifetime Statistics
</CButton>
</div>
<div className="pl-2">
<CButton color="primary" variant="outline" onClick={toggleLatestModal}>
<CButton size="sm" color="primary" variant="outline" onClick={toggleLatestModal}>
{t('statistics.show_latest')}
</CButton>
</div>
<div>
<CButton color="primary" variant="outline" onClick={goToAnalysis}>
<CButton size="sm" color="primary" variant="outline" onClick={goToAnalysis}>
{t('wifi_analysis.title')}
</CButton>
</div>
<div className="text-value-lg mr-auto">{t('statistics.title')}</div>
</div>
</CCardHeader>
<CCardBody className="p-5">
<CCardBody className="p-1">
<StatisticsChartList />
</CCardBody>
</CCard>