From 71ee886e24114eed70461d6f292955f85b20c406 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sun, 28 Feb 2021 09:50:01 +0100
Subject: [PATCH] Updated overview page cards to be links to other sections
 when suitable

---
 src/servers/Overview.scss | 2 ++
 src/servers/Overview.tsx  | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/servers/Overview.scss b/src/servers/Overview.scss
index f8b49ad7..9f939a2f 100644
--- a/src/servers/Overview.scss
+++ b/src/servers/Overview.scss
@@ -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 {
diff --git a/src/servers/Overview.tsx b/src/servers/Overview.tsx
index 71bc58d6..12cd6909 100644
--- a/src/servers/Overview.tsx
+++ b/src/servers/Overview.tsx
@@ -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>