From 719cc0c48585d42575c4a5a7f46c6ad42785525a Mon Sep 17 00:00:00 2001
From: "G.Ambatte" <sean@robertson-family.nz>
Date: Sat, 14 Sep 2024 22:49:39 +1200
Subject: [PATCH] Remove onClick from UI

---
 .../homebrew/editor/snippetbar/snippetbar.jsx | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/client/homebrew/editor/snippetbar/snippetbar.jsx b/client/homebrew/editor/snippetbar/snippetbar.jsx
index cfe28991c..f282cd8b6 100644
--- a/client/homebrew/editor/snippetbar/snippetbar.jsx
+++ b/client/homebrew/editor/snippetbar/snippetbar.jsx
@@ -49,8 +49,7 @@ const Snippetbar = createClass({
 			renderer      : this.props.renderer,
 			themeSelector : false,
 			snippets      : [],
-			historyExists : false,
-			showHistory   : false
+			historyExists : false
 		};
 	},
 
@@ -149,22 +148,18 @@ const Snippetbar = createClass({
 		});
 	},
 
-	showHistory : function () {
-		if(!this.state.historyExists) return;
-
-		this.setState({
-			showHistory : !this.state.showHistory
-		});
-	},
-
 	renderHistoryItems : function() {
 		const historyItems = getHistoryItems(this.props.brew);
 
 		return <div className='dropdown'>
 			{_.map(historyItems, (item, index)=>{
+				const saveTime = new Date(item.savedAt);
+				const diffTime = new Date() - saveTime;
+				const diffMins = Math.floor(diffTime / (60 * 1000));
+
 				return <div className='snippet' key={index} >
 					<i className={`fas fa-${index+1}`} />
-					<span className='name' title={item.title}>{item.title}</span>
+					<span className='name' title={saveTime.toISOString()}>v{item.version} : about {diffMins} mins ago</span>
 				</div>;
 			})}
 		</div>;
@@ -190,10 +185,9 @@ const Snippetbar = createClass({
 		}
 
 		return <div className='editors'>
-			<div className={`editorTool history ${this.state.historyExists ? 'active' : ''}`}
-				onClick={this.showHistory} >
+			<div className={`editorTool snippetGroup history ${this.state.historyExists ? 'active' : ''}`} >
 				<i className='fas fa-clock-rotate-left' />
-				{this.state.showHistory && this.renderHistoryItems() }
+				{this.state.historyExists && this.renderHistoryItems() }
 			</div>
 			<div className={`editorTool undo ${this.props.historySize.undo ? 'active' : ''}`}
 				onClick={this.props.undo} >