added icons

src/containers/MenuItem.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { FaAngleDown, FaAngleUp } from "react-icons/fa";
 
 const MenuItem = ({ label, icon, onClick, isActive, children, link }) => {
   const [isOpen, setIsOpen] = useState(false);
@@ -23,6 +24,7 @@ const MenuItem = ({ label, icon, onClick, isActive, children, link }) => {
         <div className='menuEntry'>
           {icon}
           <p>{label}</p>
+          <div className='submenuIcon'>{children && (isOpen ? <FaAngleUp /> : <FaAngleDown />)} </div> 
         </div>
         <div className='submenu'>
           {isOpen && children}

src/containers/TheSidebar.js

@@ -62,7 +62,7 @@ const TheSidebar = ({ showSidebar, setShowSidebar, isMobile }) => {
         { label: 'Phillips', icon: <Bridge style={{ color: "#FCEE86" }} />, link: '#hue' },
       ]
     },
-
+    { label: 'Logout', icon: <FaSignOutAlt style={{ color: "#E0E043" }} />, link: 'logout' },
   ];
 
   return (

src/scss/sidebar.scss

@@ -18,6 +18,11 @@
         padding: 20px 7px;
         color: #eee;
         font-size: 18px;
+
+
+        .submenuIcon{
+          margin-left: auto;
+        }
       }
 
       .submenu{