add manpower

src/views/DashboardProject/index.js

@@ -55,6 +55,7 @@ const DashboardProject = () => {
   const [CURRENCYSYMBOL, SET_CURRENCYSYMBOL] = useState([])
   const [BUDGETHEALTH, SET_BUDGETHEALTH] = useState([])
   const [COMMENT, SET_COMMENT] = useState([])
+  const [MANPOWER, SET_MANPOWER] = useState([])
 
 
 
@@ -82,9 +83,10 @@ const DashboardProject = () => {
     SET_BASELINEFINISHDATE(resData.finish)
     SET_CURRENCYSYMBOL(resData.currency_symbol)
     SET_BUDGETHEALTH(resData.budget_health)
-    SET_ACWP(resData.actualCost)
+    SET_ACWP(resData.actual_cost)
     SET_PROGRESS(resData.progress)
     SET_COMMENT(resData.comment)
+    SET_MANPOWER(resData.man_power)
   }
 
   useEffect(() => {
@@ -217,14 +219,30 @@ const DashboardProject = () => {
               <ProgressBar bgcolor="#ffc355" completed={PROGRESS} />
             </div>
 
-            <div style={{ margin: '5px 0' }} className="box-header-dashboard-project">
+            {/* <div style={{ margin: '5px 0' }} className="box-header-dashboard-project"> */}
-              <div style={{ display: 'flex', justifyContent: 'center' }}>
+              <Row>
-                <div style={{ marginBottom: '5px', fontSize: '0.8rem', fontWeight: '500' }}>HEALTH PROJECT</div>
+                <Col span={12}>
-              </div>
+                  <div style={{ margin: '5px 0' }} className="box-header-dashboard-project">
-              <div style={{ display: 'flex', justifyContent: 'space-evenly', }}> 
+                    <div style={{ display: 'flex', justifyContent: 'center' }}>
-                <RenderHealthProject params = {`${BUDGETHEALTH}`}/> 
+                      <div style={{ marginBottom: '5px', fontSize: '0.7rem', fontWeight: '500' }}>HEALTH PROJECT</div>
-              </div>
+                    </div>
-            </div>
+                    <div style={{ display: 'flex', justifyContent: 'space-evenly', }}> 
+                      <RenderHealthProject params = {`${BUDGETHEALTH}`}/> 
+                    </div>
+                  </div>
+                </Col>
+                <Col span={12}>
+                  <div style={{ margin: '5px 0' }} className="box-header-dashboard-project">
+                    <div style={{ display: 'flex', justifyContent: 'center' }}>
+                      <div style={{ marginBottom: '5px', fontSize: '0.7rem', fontWeight: '500' }}>MANPOWER</div>
+                    </div>
+                    <div style={{ display: 'flex', justifyContent: 'space-evenly', }}>  
+                    <div style={{ fontWeight: 500, color: '#404040', fontSize: '18px', textTransform: 'uppercase' }}>{MANPOWER}</div>
+                    </div>
+                  </div>
+                </Col>
+              </Row>
+            {/* </div> */}
 
           </Col>
         </Row>