ganti logo home~

src/container/Home.js

@@ -91,7 +91,8 @@ const useStyles = makeStyles((theme) => ({
     [theme.breakpoints.up('sm')]: {
       width: theme.spacing(7) + 1,
     },
-    paddingLeft: 15,
+    padding: 20,
+    display: 'flex',
     backgroundColor: '#273b80'
   },
   drawerOpen: {
@@ -476,7 +477,11 @@ export default function MiniDrawer() {
                 [classes.hide]: open,
               })}
             >
-              <img src={Images.triputraLogo} alt="React Logo" style={{ height: 30, width: 30, alignSelf: 'center', marginTop: 10 }} />
+
+              <a data-tip={"Main Menu"} data-for={"main-menu"}>
+                <MenuIcon style={{ fill: 'white', alignSelf: 'center' }} />
+              </a>
+              <ReactTooltip border={true} id={"main-menu"} place="bottom" type="light" effect="solid" />
             </IconButton>}
           {open &&
             <div style={{ width: '100%', marginTop: 15, marginBottom: 60 }}>
@@ -647,7 +652,7 @@ export default function MiniDrawer() {
                   key={index}
                   path={route.path}
                   // exact={route.exact}
-                  children={<route.main height={height} width={width} open={open}/>}
+                  children={<route.main height={height} width={width} open={open} />}
                 />
               ))}
             </Switch>