Changeset 7e88e46 for phonelux-frontend/src/components/NavbarComponent

Timestamp:

09/17/22 01:24:24 (2 years ago)

Author:

Marko <Marko@…>

Branches:

master

Children:

5201690

Parents:

775e15e

Message:

Added more components

Location:

phonelux-frontend/src/components/NavbarComponent

Files:

• NavbarComponent.css (modified) (1 diff)
• NavbarComponent.js (modified) (4 diffs)

phonelux-frontend/src/components/NavbarComponent/NavbarComponent.css

@@ -9 +9 @@
 }
 
+.navbar-logout-box-icon{
+    font-size: 40px;
+    margin-top: 10px;
+}
+
 .navbar-account-box-icon:hover{
     cursor: pointer;
 }
 
+.navbar-logout-box-icon:hover{
+    cursor: pointer;
+}
 
-/* style={{ fontSize: '50px', marginTop: '10px' }} */
+.navbar-favouriteoffers-icon:hover{
+    cursor: pointer;
+}
+
+.navbar-superadmin-icon:hover{
+    cursor: pointer;
+}
+

phonelux-frontend/src/components/NavbarComponent/NavbarComponent.js

@@ -8 +8 @@
 import PersonIcon from '@mui/icons-material/Person';
 import LogoutIcon from '@mui/icons-material/Logout';
+import StarsIcon from '@mui/icons-material/Stars';
+import UserContext from '../../context/UserContext';
+import SupervisorAccountIcon from '@mui/icons-material/SupervisorAccount';
 
 export class NavbarComponent extends Component {
@@ -15 +18 @@
     
       this.state = {
-         profileSectionOpen: false
+        
       }
+    }
+
+    logOut = () => {
+      localStorage.clear()
+      window.location.href = "/"
     }
     
@@ -22 +30 @@
     return (
       <div className='phonelux-navbar'>
+         {
+          localStorage.getItem('token') && this.context.role == 'SUPERADMIN' ? 
+          <Tippy placement='bottom' content='Менаџмент со корисници'>
+            <Link style={{color: 'black'}} to={"/management/users"}>
+              <SupervisorAccountIcon style={{fontSize: '40px', marginTop: '10px', marginRight: '10px' }} className='navbar-superadmin-icon'/>
+            </Link>
+          </Tippy> : <></>
+        }
+        {
+          localStorage.getItem('token') ? 
+          <Tippy placement='bottom' content='Омилени понуди'>
+            <Link style={{color: 'black'}} to={"/user/"+this.context.userId+"/favouriteoffers"}>
+              <StarsIcon style={{fontSize: '40px', marginTop: '10px', marginRight: '10px' }} className='navbar-favouriteoffers-icon'/>
+            </Link>
+          </Tippy> : <></>
+        }
+
+        { localStorage.getItem('token') ?
+        <Tippy placement='bottom' content='Одјави се'>
+        <LogoutIcon onClick={this.logOut} style={{fontSize: '40px', marginTop: '10px' }} className='navbar-logout-box-icon'/>
+        </Tippy> 
+        : 
         <Tippy placement='bottom' content='Најави се'>
         <Link style={{color: 'black'}} to={"/login"}> <PersonIcon  style={{fontSize: '50px', marginTop: '10px' }} className='navbar-account-box-icon'/></Link>
         </Tippy>
+        }
 
-        {/* favourite offers icon goes here */}
 
       </div>
@@ -33 +63 @@
 }
 
+NavbarComponent.contextType = UserContext
+
 export default NavbarComponent