From 578618cdd78463a4981baa8572f872cd566e32cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciek=20G=C5=82owacki?= <glowackimaciej97@gmail.com>
Date: Wed, 25 Nov 2020 03:39:28 +0100
Subject: [PATCH] searchbar hover and hide profile option

---
 src/components/Profile.tsx |  2 +-
 src/components/Topbar.tsx  | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/Profile.tsx b/src/components/Profile.tsx
index c50de4b..fd9e950 100644
--- a/src/components/Profile.tsx
+++ b/src/components/Profile.tsx
@@ -12,7 +12,7 @@ export const Profile = ({ anchorEl, handleClose }: ProfileProps) => {
 
   return (
     <Menu anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
-      <MenuItem>Profil</MenuItem>
+      {/* <MenuItem>Profil</MenuItem> */}
       <MenuItem onClick={logout}>Wyloguj</MenuItem>
     </Menu>
   );
diff --git a/src/components/Topbar.tsx b/src/components/Topbar.tsx
index 439bc71..aa6259c 100644
--- a/src/components/Topbar.tsx
+++ b/src/components/Topbar.tsx
@@ -56,6 +56,12 @@ const InputWrapper = styled.div`
   background-color: #f2f4f7;
   border-radius: 6px;
   align-items: center;
+  &:hover {
+    background-color: #ffffff;
+  }
+  &:hover > input {
+    background-color: #ffffff;
+  }
 `;
 
 const SelectSearch = styled.select`
@@ -65,6 +71,9 @@ const SelectSearch = styled.select`
   outline: none;
   border-style: none;
   align-items: center;
+  &:hover ~ input {
+    background-color: #ffffff;
+  }
 `;
 
 const SelectOption = styled.option`
@@ -72,6 +81,9 @@ const SelectOption = styled.option`
   outline: none;
   border-style: none;
   align-items: center;
+  &:hover ~ input {
+    background-color: #ffffff;
+  }
 `;
 
 const Input = styled.input`