Notification component added and designed!

employeemanagement/functions/index.js

 const functions = require('firebase-functions');
-
-// // Create and Deploy Your First Cloud Functions
-// // https://firebase.google.com/docs/functions/write-firebase-functions
-//
-// exports.helloWorld = functions.https.onRequest((request, response) => {
-//   functions.logger.info("Hello logs!", {structuredData: true});
-//   response.send("Hello from Firebase!");
-// });

employeemanagement/src/components/dashboard/Dashboard.js

@@ -7,6 +7,7 @@ import { Redirect } from 'react-router-dom';
 import { firestoreConnect } from 'react-redux-firebase';
 import { compose } from 'redux';
 import moment from 'moment';
+import Notification from '../layout/Notification';
 
 class Dashboard extends Component {
     render() {
@@ -27,8 +28,15 @@ class Dashboard extends Component {
         return (
             <div id="content">
                 <Navbar profile = { profile } />
-                <ManageShift uid={ auth.uid } todayList={ todayList } />
-                <ShiftReport workList={ list } schedule={ schedule } />
+                <div className="row">
+                    <div className="col-9">
+                        <ManageShift uid={ auth.uid } todayList={ todayList } />
+                        <ShiftReport workList={ list } schedule={ schedule } />
+                    </div>
+                    <div className="col-3">
+                        <Notification />
+                    </div>
+                </div>
             </div>
         )
     }

employeemanagement/src/components/layout/Navbar.js

-import React from 'react'
+import React from 'react';
 import { connect } from 'react-redux';
 import { signOut } from '../../store/actions/authAction';
 import { Link } from 'react-router-dom';

employeemanagement/src/components/layout/Notification.js

+import React from 'react';
+
+const notify = (props) => {
+    return(
+        <nav className="bg-primary pt-3 pb-3">
+            <div className="container text-white">
+                <h4 className="text-center">Notifications</h4>
+                <ul className="text-decoration-none">
+                    <li>notification notification</li>
+                    <li>notification</li>
+                    <li>notification</li>
+                </ul>
+            </div>
+        </nav>
+    )
+}
+
+export default notify;
\ No newline at end of file