From dcb9b3aeb6dec55b133afa5748233494e8374fcd Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 7 Jun 2020 19:11:22 +0300
Subject: feat: add searchbar and improve header

---
 src/Header/SearchBar.tsx | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/Header/SearchBar.tsx

(limited to 'src/Header/SearchBar.tsx')

diff --git a/src/Header/SearchBar.tsx b/src/Header/SearchBar.tsx
new file mode 100644
index 0000000..ed59874
--- /dev/null
+++ b/src/Header/SearchBar.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import SearchIcon from '@material-ui/icons/Search';
+import { InputBase } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles(theme => ({
+  root: {
+    background: 'rgba(255, 255, 255, 0.5)',
+    borderRadius: '2px',
+    padding: theme.spacing(0.5),
+    display: 'flex',
+    alignItems: 'center',
+    // marginRight: theme.spacing(8),
+  }
+}));
+
+const SearchBar: React.FC = () => {
+  const classes = useStyles();
+
+  return (
+    <div className={classes.root}>
+      <SearchIcon />
+      <InputBase
+        placeholder="Search..."
+      />
+    </div>
+  );
+};
+
+
+export default SearchBar;
+
-- 
cgit v1.2.3


From 26911f1e971b798aac51e15ae3b54a4f40dd334a Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 7 Jun 2020 19:34:14 +0300
Subject: feat: change pages in header

---
 src/Header/SearchBar.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'src/Header/SearchBar.tsx')

diff --git a/src/Header/SearchBar.tsx b/src/Header/SearchBar.tsx
index ed59874..182a1a4 100644
--- a/src/Header/SearchBar.tsx
+++ b/src/Header/SearchBar.tsx
@@ -9,8 +9,7 @@ const useStyles = makeStyles(theme => ({
     borderRadius: '2px',
     padding: theme.spacing(0.5),
     display: 'flex',
-    alignItems: 'center',
-    // marginRight: theme.spacing(8),
+    alignItems: 'center'
   }
 }));
 
-- 
cgit v1.2.3

