From 45aa8bdfaee8f4209289e67a3e213a53bc0f410a Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Wed, 21 Sep 2022 20:27:16 -0500
Subject: [PATCH 1/6] Add html node and css for Delete button

---
 client/homebrew/navbar/navbar.less        | 25 +++++++++++++++++++++++
 client/homebrew/navbar/recent.navitem.jsx |  3 ++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index 39fbfaf5c..47d89105e 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -101,8 +101,33 @@
 				color            : white;
 				text-decoration  : none;
 				border-top       : 1px solid #888;
+				overflow         : clip;
+				.clear{
+					display	         : none;
+					position         : absolute;
+					top              : 50%;
+					transform        : translateY(-50%);
+					right            : 10px;
+					width            : 20px;
+					height           : 20px;
+					background-color : #333;
+					box-shadow       : 0px 0 5px 8px #2980b9;
+					border-radius    : 3px;
+					i {
+						text-align : center;
+						font-size  : 10px;
+						margin     : 0;
+						height     :100%;
+						width      :100%;
+					}
+				}
 				&:hover{
 					background-color : @blue;
+					
+					.clear{
+						display       : grid;
+						place-content : center;
+					}
 				}
 				.title{
 					display       : inline-block;
diff --git a/client/homebrew/navbar/recent.navitem.jsx b/client/homebrew/navbar/recent.navitem.jsx
index ee24cfd5c..9cc0d5b28 100644
--- a/client/homebrew/navbar/recent.navitem.jsx
+++ b/client/homebrew/navbar/recent.navitem.jsx
@@ -120,13 +120,14 @@ const RecentItems = createClass({
 	},
 
 	renderDropdown : function(){
-		if(!this.state.showDropdown) return null;
+		// if(!this.state.showDropdown) return null;
 
 		const makeItems = (brews)=>{
 			return _.map(brews, (brew, i)=>{
 				return <a href={brew.url} className='item' key={`${brew.id}-${i}`} target='_blank' rel='noopener noreferrer' title={brew.title || '[ no title ]'}>
 					<span className='title'>{brew.title || '[ no title ]'}</span>
 					<span className='time'>{Moment(brew.ts).fromNow()}</span>
+					<div className='clear'><i className='fas fa-times'></i></div>
 				</a>;
 			});
 		};

From a7a67621a139bbce23044b8882bee363f64c0399 Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Tue, 18 Oct 2022 21:01:24 -0500
Subject: [PATCH 2/6] added removeItem() function

---
 client/homebrew/navbar/recent.navitem.jsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/client/homebrew/navbar/recent.navitem.jsx b/client/homebrew/navbar/recent.navitem.jsx
index 9cc0d5b28..49085cd7e 100644
--- a/client/homebrew/navbar/recent.navitem.jsx
+++ b/client/homebrew/navbar/recent.navitem.jsx
@@ -119,6 +119,25 @@ const RecentItems = createClass({
 		});
 	},
 
+	removeItem : function(url, evt){
+		evt.preventDefault();
+
+		let edited = JSON.parse(localStorage.getItem(EDIT_KEY) || '[]');
+		let viewed = JSON.parse(localStorage.getItem(VIEW_KEY) || '[]');
+
+		edited = edited.filter((item)=>{ return (item.url !== url);});
+		viewed = viewed.filter((item)=>{ return (item.url !== url);});
+
+		localStorage.setItem(EDIT_KEY, JSON.stringify(edited));
+		localStorage.setItem(VIEW_KEY, JSON.stringify(viewed));
+
+		this.setState({
+			edit : edited,
+			view : viewed
+		});
+
+	},
+
 	renderDropdown : function(){
 		// if(!this.state.showDropdown) return null;
 
@@ -127,7 +146,7 @@ const RecentItems = createClass({
 				return <a href={brew.url} className='item' key={`${brew.id}-${i}`} target='_blank' rel='noopener noreferrer' title={brew.title || '[ no title ]'}>
 					<span className='title'>{brew.title || '[ no title ]'}</span>
 					<span className='time'>{Moment(brew.ts).fromNow()}</span>
-					<div className='clear'><i className='fas fa-times'></i></div>
+					<div className='clear' onClick={(e)=>{this.removeItem(`${brew.url}`, e);}}><i className='fas fa-times'></i></div>
 				</a>;
 			});
 		};

From 23a0a89ead17df75d6fbb411cdb060759cc3fa42 Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Tue, 18 Oct 2022 21:02:44 -0500
Subject: [PATCH 3/6] autohide dropdown again

---
 client/homebrew/navbar/recent.navitem.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/homebrew/navbar/recent.navitem.jsx b/client/homebrew/navbar/recent.navitem.jsx
index 49085cd7e..64f17ea42 100644
--- a/client/homebrew/navbar/recent.navitem.jsx
+++ b/client/homebrew/navbar/recent.navitem.jsx
@@ -139,7 +139,7 @@ const RecentItems = createClass({
 	},
 
 	renderDropdown : function(){
-		// if(!this.state.showDropdown) return null;
+		if(!this.state.showDropdown) return null;
 
 		const makeItems = (brews)=>{
 			return _.map(brews, (brew, i)=>{

From ffddc275c1943c8849e20e665aa783b6e22bdfaf Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Thu, 3 Nov 2022 23:38:46 -0500
Subject: [PATCH 4/6] set removeItem icon to transparent background

---
 client/homebrew/navbar/navbar.less | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index edbb70dc3..7c7e8a163 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -121,12 +121,16 @@
 					position         : absolute;
 					top              : 50%;
 					transform        : translateY(-50%);
-					right            : 10px;
+					right            : 0px;
 					width            : 20px;
-					height           : 20px;
+					height           : 100%;
 					background-color : #333;
-					box-shadow       : 0px 0 5px 8px #2980b9;
+					opacity          : 70%;
+					// box-shadow       : 0px 0 5px 8px #2980b9;
 					border-radius    : 3px;
+					&:hover {
+						opacity : 100%;
+					}
 					i {
 						text-align : center;
 						font-size  : 10px;

From bda80c9984ca5607d9f5cd3814d5c479d73eeae2 Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Sun, 13 Nov 2022 11:43:55 -0600
Subject: [PATCH 5/6] remove comments

---
 client/homebrew/navbar/navbar.less | 1 -
 1 file changed, 1 deletion(-)

diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index 7c7e8a163..3bd6a66e1 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -126,7 +126,6 @@
 					height           : 100%;
 					background-color : #333;
 					opacity          : 70%;
-					// box-shadow       : 0px 0 5px 8px #2980b9;
 					border-radius    : 3px;
 					&:hover {
 						opacity : 100%;

From dc86f89c4ffebd7a9db24bbb590852fc3f75abc0 Mon Sep 17 00:00:00 2001
From: Trevor Buckner <calculuschild@gmail.com>
Date: Mon, 14 Nov 2022 09:58:48 -0500
Subject: [PATCH 6/6] Add title attribute

---
 client/homebrew/navbar/recent.navitem.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/homebrew/navbar/recent.navitem.jsx b/client/homebrew/navbar/recent.navitem.jsx
index 64f17ea42..169c46a0e 100644
--- a/client/homebrew/navbar/recent.navitem.jsx
+++ b/client/homebrew/navbar/recent.navitem.jsx
@@ -146,7 +146,7 @@ const RecentItems = createClass({
 				return <a href={brew.url} className='item' key={`${brew.id}-${i}`} target='_blank' rel='noopener noreferrer' title={brew.title || '[ no title ]'}>
 					<span className='title'>{brew.title || '[ no title ]'}</span>
 					<span className='time'>{Moment(brew.ts).fromNow()}</span>
-					<div className='clear' onClick={(e)=>{this.removeItem(`${brew.url}`, e);}}><i className='fas fa-times'></i></div>
+					<div className='clear' title='Remove from Recents' onClick={(e)=>{this.removeItem(`${brew.url}`, e);}}><i className='fas fa-times'></i></div>
 				</a>;
 			});
 		};