From 40fc552adc0350edc139cc4376049bc05da18233 Mon Sep 17 00:00:00 2001
From: Ismail <msiamil.official@gmail.com>
Date: Mon, 17 Aug 2020 18:05:09 +0500
Subject: [PATCH] ManageShift component created, designed and link into
Dashboard
---
.../src/components/dashboard/Dashboard.js | 4 +++-
.../src/components/layout/ManageShift.js | 18 ++++++++++++++++++
employeemanagement/src/index.css | 9 +++++++++
3 files changed, 30 insertions(+), 1 deletion(-)
create mode 100644 employeemanagement/src/components/layout/ManageShift.js
diff --git a/employeemanagement/src/components/dashboard/Dashboard.js b/employeemanagement/src/components/dashboard/Dashboard.js
index 34d5b92..0ab08e7 100644
--- a/employeemanagement/src/components/dashboard/Dashboard.js
+++ b/employeemanagement/src/components/dashboard/Dashboard.js
@@ -1,11 +1,13 @@
import React, { Component } from 'react'
import Navbar from '../layout/Navbar';
+import ManageShift from '../layout/ManageShift';
class Dashboard extends Component {
render() {
return (
- <div>
+ <div id="content">
<Navbar />
+ <ManageShift />
</div>
)
}
diff --git a/employeemanagement/src/components/layout/ManageShift.js b/employeemanagement/src/components/layout/ManageShift.js
new file mode 100644
index 0000000..9f244c9
--- /dev/null
+++ b/employeemanagement/src/components/layout/ManageShift.js
@@ -0,0 +1,18 @@
+import React, { Component } from 'react'
+
+class ManageShift extends Component {
+ render() {
+ return (
+ <div className="container">
+ <div className="row">
+ <div className="col-3 text-center"><button onClick={this.handleCreatEvent} id="startWorkTime" type="button" className="btn btn-success btn-sm btn-special">Start Work</button></div>
+ <div className="col-3 text-center"><button disabled type="button" className="btn btn-success btn-sm btn-special">Start Lunch Break</button></div>
+ <div className="col-3 text-center"><button disabled type="button" className="btn btn-success btn-sm btn-special">Lunch Break Finish</button></div>
+ <div className="col-3 text-center"><button disabled type="button" className="btn btn-success btn-sm btn-special">Close Work</button></div>
+ </div>
+ </div>
+ )
+ }
+}
+
+export default ManageShift
diff --git a/employeemanagement/src/index.css b/employeemanagement/src/index.css
index a253029..281efe7 100644
--- a/employeemanagement/src/index.css
+++ b/employeemanagement/src/index.css
@@ -43,3 +43,12 @@ code {
padding: 10px;
}
+/*manageshift*/
+.btn-special{
+ width: 120px;
+ height: 100px;
+}
+
+#content .row{
+ margin: 50px 0px;
+}
\ No newline at end of file
--
GitLab