From 20e44f3f9651431c97417a010c8eacd840c36d62 Mon Sep 17 00:00:00 2001
From: George Lima <georgelima11@hotmail.com>
Date: Sat, 15 Dec 2018 19:36:06 -0300
Subject: [PATCH] feature: add hover effect in transaction item

---
 app/components/transaction-item.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/components/transaction-item.js b/app/components/transaction-item.js
index 0001b94..5f73a77 100644
--- a/app/components/transaction-item.js
+++ b/app/components/transaction-item.js
@@ -18,6 +18,11 @@ import truncateAddress from '../utils/truncateAddress';
 const Wrapper = styled(RowComponent)`
   background-color: ${props => props.theme.colors.cardBackgroundColor};
   padding: 15px 17px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: ${props => props.theme.colors.transactionsItemHovered};
+  }
 `;
 
 const Icon = styled.img`