From 9f593ed04e23e95eb89a76a0d8293d7b01e2b796 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Thu, 29 Nov 2018 12:32:36 +0200
Subject: [PATCH] Show date when hovering over time in log

---
 .../management/frontend/src/pages/dashboard/Log.js   | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/maubot/management/frontend/src/pages/dashboard/Log.js b/maubot/management/frontend/src/pages/dashboard/Log.js
index 2cbbe31..a4e8d0b 100644
--- a/maubot/management/frontend/src/pages/dashboard/Log.js
+++ b/maubot/management/frontend/src/pages/dashboard/Log.js
@@ -51,11 +51,15 @@ class LogEntry extends PureComponent {
     }
 
     renderTime() {
-        return this.props.line.time.toLocaleTimeString("en-GB")
+        return <span className="time" title={this.props.line.time.toDateString()}>
+            {this.props.line.time.toLocaleTimeString("en-GB")}
+        </span>
     }
 
     renderLevelName() {
-        return this.props.line.levelname
+        return <span className="level">
+            {this.props.line.levelname}
+        </span>
     }
 
     get unfocused() {
@@ -67,8 +71,8 @@ class LogEntry extends PureComponent {
     renderRow(content) {
         return (
             <div className={`row ${this.props.line.levelname.toLowerCase()} ${this.unfocused}`}>
-                <span className="time">{this.renderTime()}</span>
-                <span className="level">{this.renderLevelName()}</span>
+                {this.renderTime()}
+                {this.renderLevelName()}
                 <span className="logger">{this.renderName()}</span>
                 <span className="text">{content}</span>
             </div>