Merge pull request #5 from patpat20/master

added links to sidebar

Author: gracepark01

app/containers/SidebarContainer.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 
 import HomeSharpIcon from '@material-ui/icons/HomeSharp';
+import ListIcon from '@material-ui/icons/List';
 import InfoIcon from '@material-ui/icons/Info';
 import ContactSupportIcon from '@material-ui/icons/ContactSupport';
 import SettingsIcon from '@material-ui/icons/Settings';
@@ -45,6 +46,15 @@ const SidebarContainer: React.FC = (): JSX.Element => (
             }} />
            Home
         </Link>
+        <Link className="sidebar-link" to="/applications" id="dash">
+          <ListIcon style={{
+            WebkitBoxSizing: 'content-box',
+            boxShadow: 'none',
+            width: '35px',
+            height: '35px',
+          }} />
+          &emsp;Dashboard
+        </Link>
         <Link className="sidebar-link" to="/about" id="about">
           <InfoIcon style={{
             WebkitBoxSizing: 'content-box',

app/stylesheets/Contact.scss

@@ -100,7 +100,7 @@
 
 #myfile {
   font-size: 16px;
-  color: $icon;
+  color: $background;
 }
 
 

app/stylesheets/SidebarContainer.scss

@@ -22,6 +22,10 @@
   opacity: 1;
 }
 
+.sidebar-container:hover #dash {
+  opacity: 1;
+}
+
 .sidebar-container:hover #about {
   opacity: 1;
 }
@@ -197,7 +201,7 @@
   border: 0.3px solid #ffffff;
   border: 0;
   border-radius: 3px;
-  font-size: 125%;
+  font-size: 90%;
   color: whitesmoke;
   text-decoration: none;
   transition: 300ms;
@@ -207,10 +211,8 @@
       background-color: $hover;
       opacity: 0.85;
       animation: none;
+      -webkit-tap-highlight-color: transparent;
     }
 }
 
-.sidebar-link:hover {
-  -webkit-tap-highlight-color: transparent;
-}