From 58d4c457ba418837acfceaac6ed787797ca73a6b Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 3 Jul 2020 17:39:51 +0300
Subject: feat: remove padding from search results

---
 src/components/Header/SearchBar.tsx | 5 ++++-
 src/hooks/useNavigate.tsx           | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/SearchBar.tsx b/src/components/Header/SearchBar.tsx
index 253e77f..ba0943b 100644
--- a/src/components/Header/SearchBar.tsx
+++ b/src/components/Header/SearchBar.tsx
@@ -31,6 +31,9 @@ const useStyles = makeStyles(theme => ({
     position: 'absolute',
     width: '100%',
     top: theme.spacing(5)
+  },
+  listItem: {
+    padding: 0
   }
 }));
 
@@ -77,7 +80,7 @@ const SearchBar: React.FC = () => {
           {
           results.map((result, index) => (
             <div key={result._id}>
-              <ListItem button onClick={handleNavigate(index)}>
+              <ListItem button onClick={handleNavigate(index)} className={classes.listItem}>
                 <UserStrip user={result} />
               </ListItem>
               {(index < results.length - 1) && <Divider />}
diff --git a/src/hooks/useNavigate.tsx b/src/hooks/useNavigate.tsx
index befc529..47de4df 100644
--- a/src/hooks/useNavigate.tsx
+++ b/src/hooks/useNavigate.tsx
@@ -24,6 +24,7 @@ const useProvideNavigation = () => {
 
   const navigate: ContextType['navigate'] = (prefix, id?) => {
     setPage({ prefix, id });
+    window.scrollTo(0, 0);
   };
 
   return { page, setPage, navigate };
-- 
cgit v1.2.3