From b1a0d21a491bf069296ad6b4d396723be525592c Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Mon, 2 Nov 2020 19:37:13 -0800
Subject: [PATCH] Add links to realtime logs.

---
 components/metrics/RealtimeLog.js         | 13 ++++++++++++-
 components/metrics/RealtimeLog.module.css |  9 +++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/components/metrics/RealtimeLog.js b/components/metrics/RealtimeLog.js
index 18f064e8..6c39dd87 100644
--- a/components/metrics/RealtimeLog.js
+++ b/components/metrics/RealtimeLog.js
@@ -101,6 +101,7 @@ export default function RealtimeLog({ data, websites }) {
     os,
     country,
     device,
+    website_id,
   }) {
     if (event_type) {
       return (
@@ -110,7 +111,17 @@ export default function RealtimeLog({ data, websites }) {
       );
     }
     if (view_id) {
-      return url;
+      const domain = getWebsite({ website_id });
+      return (
+        <a
+          className={styles.link}
+          href={`//${domain}${url}`}
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          {url}
+        </a>
+      );
     }
     if (session_id) {
       return (
diff --git a/components/metrics/RealtimeLog.module.css b/components/metrics/RealtimeLog.module.css
index 99335a52..6fb09a64 100644
--- a/components/metrics/RealtimeLog.module.css
+++ b/components/metrics/RealtimeLog.module.css
@@ -44,3 +44,12 @@
   text-overflow: ellipsis;
   overflow: hidden;
 }
+
+.row .link {
+  color: var(--gray900);
+  text-decoration: none;
+}
+
+.row .link:hover {
+  color: var(--primary400);
+}