Add languages table to metrics grid

This commit is contained in:
Chris Walsh 2021-12-01 19:32:45 -08:00
parent b5f7aa1813
commit 9a326a33a0
No known key found for this signature in database
GPG key ID: 28EE0CCA6032019E
3 changed files with 44 additions and 2 deletions

View file

@ -16,6 +16,7 @@ import BrowsersTable from '../metrics/BrowsersTable';
import OSTable from '../metrics/OSTable';
import DevicesTable from '../metrics/DevicesTable';
import CountriesTable from '../metrics/CountriesTable';
import LanguagesTable from '../metrics/LanguagesTable';
import EventsTable from '../metrics/EventsTable';
import EventsChart from '../metrics/EventsChart';
import useFetch from 'hooks/useFetch';
@ -30,6 +31,7 @@ const views = {
os: OSTable,
device: DevicesTable,
country: CountriesTable,
language: LanguagesTable,
event: EventsTable,
};
@ -82,6 +84,10 @@ export default function WebsiteDetails({ websiteId }) {
label: <FormattedMessage id="metrics.countries" defaultMessage="Countries" />,
value: resolve({ view: 'country' }),
},
{
label: <FormattedMessage id="metrics.languages" defaultMessage="Languages" />,
value: resolve({ view: 'language' }),
},
{
label: <FormattedMessage id="metrics.events" defaultMessage="Events" />,
value: resolve({ view: 'event' }),
@ -147,7 +153,8 @@ export default function WebsiteDetails({ websiteId }) {
<WorldMap data={countryData} />
</GridColumn>
<GridColumn xs={12} md={12} lg={4}>
<CountriesTable {...tableProps} onDataLoad={setCountryData} />
<CountriesTable maxHeight={265} {...tableProps} onDataLoad={setCountryData} />
<LanguagesTable maxHeight={265} {...tableProps} />
</GridColumn>
</GridRow>
<GridRow className={classNames({ [styles.hidden]: !eventsData?.length > 0 })}>