Add links to realtime logs.

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 (

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);
+}