Updated overview page cards to be links to other sections when suitable

This commit is contained in:
Alejandro Celaya 2021-02-28 09:50:01 +01:00
parent 25e53bf627
commit 71ee886e24
2 changed files with 5 additions and 3 deletions

View file

@ -3,6 +3,8 @@
.overview__card.overview__card {
text-align: center;
border-top: 3px solid var(--brand-color);
color: inherit;
text-decoration: none;
}
.overview__card-title {

View file

@ -65,7 +65,7 @@ export const Overview = (
</Card>
</div>
<div className="col-md-6 col-xl-3">
<Card className="overview__card mb-2" body>
<Card className="overview__card mb-2" body tag={Link} to={`/server/${serverId}/orphan-visits`}>
<CardTitle tag="h5" className="overview__card-title">Orphan visits</CardTitle>
<CardText tag="h2">
<ForServerVersion minVersion="2.6.0">
@ -78,7 +78,7 @@ export const Overview = (
</Card>
</div>
<div className="col-md-6 col-xl-3">
<Card className="overview__card mb-2" body>
<Card className="overview__card mb-2" body tag={Link} to={`/server/${serverId}/list-short-urls/1`}>
<CardTitle tag="h5" className="overview__card-title">Short URLs</CardTitle>
<CardText tag="h2">
{loading ? 'Loading...' : prettify(shortUrls?.pagination.totalItems ?? 0)}
@ -86,7 +86,7 @@ export const Overview = (
</Card>
</div>
<div className="col-md-6 col-xl-3">
<Card className="overview__card mb-2" body>
<Card className="overview__card mb-2" body tag={Link} to={`/server/${serverId}/manage-tags`}>
<CardTitle tag="h5" className="overview__card-title">Tags</CardTitle>
<CardText tag="h2">{loadingTags ? 'Loading...' : prettify(tagsList.tags.length)}</CardText>
</Card>