mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 09:30:31 +03:00
Code Issues Projects Releases Packages Wiki Activity

Improved styling of the export visits button

Browse source
This commit is contained in:
Alejandro Celaya 2021-03-14 13:30:50 +01:00
parent 482489599e
commit 508623f89f
1 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/visits/VisitsStats.tsx
View file

@ -259,17 +259,24 @@ const VisitsStats: FC<VisitsStatsProps> = (
</div>
{visits.length > 0 && (
<div className="col-lg-5 col-xl-6 mt-4 mt-lg-0">
<Button
outline
disabled={highlightedVisits.length === 0}
className="btn-md-block"
onClick={() => setSelectedVisits([])}
>
Clear selection {highlightedVisits.length > 0 && <>({highlightedVisits.length})</>}
</Button>
<Button outline color="primary" onClick={() => exportCsv(normalizedVisits)}>
Export <FontAwesomeIcon icon={faFileExport} />
</Button>
<div className="d-flex">
<Button
outline
disabled={highlightedVisits.length === 0}
className="btn-md-block mr-2"
onClick={() => setSelectedVisits([])}
>
Clear selection {highlightedVisits.length > 0 && <>({highlightedVisits.length})</>}
</Button>
<Button
outline
color="primary"
className="btn-md-block"
onClick={() => exportCsv(normalizedVisits)}
>
Export <FontAwesomeIcon icon={faFileExport} />
</Button>
</div>
</div>
)}
</div>