forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-11 10:03:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved NavPills component and added test

Browse Source
This commit is contained in:
Alejandro Celaya
2022-02-14 19:58:20 +01:00
parent b0fa14fcfe
commit f24c8052a9
4 changed files with 70 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/visits/VisitsStats.tsx
View File

@@ -15,7 +15,7 @@ import { Settings } from '../settings/reducers/settings';
import { SelectedServer } from '../servers/data';
import { supportsBotVisits } from '../utils/helpers/features';
import { prettify } from '../utils/helpers/numbers';
import { NavPills } from '../utils/NavPills';
import { NavPillItem, NavPills } from '../utils/NavPills';
import LineChartCard from './charts/LineChartCard';
import VisitsTable from './VisitsTable';
import { NormalizedOrphanVisit, NormalizedVisit, VisitsFilter, VisitsInfo, VisitsParams } from './types';
@@ -143,18 +143,14 @@ const VisitsStats: FC<VisitsStatsProps> = ({
return (
<>
<NavPills
items={Object.values(sections).map(({ title, icon, subPath }) => ({
replace: true,
to: buildSectionUrl(subPath),
children: (
<>
<FontAwesomeIcon icon={icon} />
<span className="ml-2 d-none d-sm-inline">{title}</span>
</>
),
}))}
/>
<NavPills>
{Object.values(sections).map(({ title, icon, subPath }, index) => (
<NavPillItem key={index} to={buildSectionUrl(subPath)} replace>
<FontAwesomeIcon icon={icon} />
<span className="ml-2 d-none d-sm-inline">{title}</span>
</NavPillItem>
))}
</NavPills>
<Row>
<Routes>
<Route