Improved styling of the export visits button

This commit is contained in:
Alejandro Celaya 2021-03-14 13:30:50 +01:00
parent 482489599e
commit 508623f89f

View file

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