diff --git a/src/views/Dashboard/DashboardProjectCarousell.js b/src/views/Dashboard/DashboardProjectCarousell.js
index 64e9f94..e5b595c 100644
--- a/src/views/Dashboard/DashboardProjectCarousell.js
+++ b/src/views/Dashboard/DashboardProjectCarousell.js
@@ -104,7 +104,7 @@ const DashboardProject = (args) => {
 
   useEffect(() => {
     setLoading(true);
-    getAllData();
+    getReportDistribution();
   },[]);
 
   useEffect(() => {
@@ -145,50 +145,6 @@ const DashboardProject = (args) => {
       sourceData(dataResault);
       setIsReadyGantt(true);
       setIsReadyProjectDetail(true);
-      // // SCurve
-      // let statusHealthBySchedule = "on-schedule";
-      // let selisihProgress = 0;
-      // dataResault.map((item, idx) => {
-      //   item.SCurve.map((itemSCurve, idx) => {
-      //       let planningProgress = 0;
-      //       let actualProgress = 0;
-      //       let now = new Date().toISOString().slice(0, 10);
-      //       let  dates = itemSCurve.data?.date;
-      //       let n = dates.findIndex(
-      //         (element) => new Date(now) < new Date(element)
-      //       );
-      //     if (
-      //       itemSCurve.length > 0 &&
-      //       itemSCurve.data?.percentagePlan &&
-      //       itemSCurve.data?.percentagePlan.length > 0
-      //     ) {
-      //       planningProgress = itemSCurve.data?.percentagePlan[n];
-      //       if (n < 0) {
-      //         planningProgress = 100;
-      //       }
-      //       setPlanningProgress(planningProgress);
-      //     }
-      //     if (
-      //       itemSCurve.length > 0 &&
-      //       itemSCurve.data?.percentageReal &&
-      //       itemSCurve.data?.percentageReal.length > 0
-      //     ) {
-      //       actualProgress =
-      //         itemSCurve.data?.percentageReal[
-      //           itemSCurve.data?.percentageReal.length - 1
-      //         ];
-      //       setActualProgress(actualProgress);
-      //     }
-      //   });
-      // });
-
-      // selisihProgress = planningProgress - actualProgress;
-      // if (selisihProgress > 0 && selisihProgress <= 5) {
-      //   statusHealthBySchedule = "warning";
-      // } else if (selisihProgress > 5) {
-      //   statusHealthBySchedule = "danger";
-      // }
-      // setHealthBySchedule(statusHealthBySchedule);
       setIsReadySCurve(true);
       // setHierarchy
       setIsHierarchy(true);
@@ -202,6 +158,39 @@ const DashboardProject = (args) => {
     }
   };
 
+  const getReportDistribution = async () => {
+    const URL = `${BASE_OSPRO}/api/project/get-report-distribution`;
+    const payload = {
+      project_id: 138,
+      start_date: moment()
+        .startOf("month")
+        .subtract(1, "years")
+        .format("YYYY-MM-DD"),
+      end_date: moment(new Date()).subtract(1, "years").format("YYYY-MM-DD"),
+    };
+    const result = await axios
+      .post(URL, payload, HEADER)
+      .then((res) => res)
+      .catch((err) => err.response);
+    console.log("getReportDistribution", result);
+    if (!result) {
+      NotificationManager.error(`Could not connect to internet.`, "Failed");
+      return;
+    }
+
+    if (result.status !== 200) {
+      NotificationManager.error(
+        `Get report distribution failed, ${result.data.message}`,
+        "Failed"
+      );
+      setLoading(false);
+      return;
+    } else if (result.status == 200 && result.data.data) {
+      setLoading(false);
+      setReportDistribution(result.data.data);
+    }
+  };
+
   const initMap = () => {
     let mymap = L.map("map-area", {
       center: center,
@@ -217,15 +206,13 @@ const DashboardProject = (args) => {
 
   useEffect(() => {
     if (mymap) {
-      reportDistribution.map((item, idx) => {
-        if (item.report_distribution.length > 0) {
-          item.report_distribution.map((itemDistribution, idx) => {
-            L.marker([itemDistribution.lat, itemDistribution.lon])
-              .addTo(mymap)
-              .bindPopup(PopupContent(itemDistribution));
-          })
-        }
-      });
+      if (reportDistribution.length > 0) {
+        reportDistribution.map((item, idx) => {
+          L.marker([item.lat, item.lon])
+            .addTo(mymap)
+            .bindPopup(PopupContent(item));
+        });
+      }
     }
   }, [mymap, reportDistribution]);
 
@@ -253,13 +240,13 @@ const DashboardProject = (args) => {
 
     const next = () => {
       if (animating) return;
-      const nextIndex = activeIndex === allDataMaster.length - 1 ? 0 : activeIndex + 1;
+      const nextIndex = activeIndex === dummyData.length - 1 ? 0 : activeIndex + 1;
       setActiveIndex(nextIndex);
     };
 
     const previous = () => {
       if (animating) return;
-      const nextIndex = activeIndex === 0 ? allDataMaster.length - 1 : activeIndex - 1;
+      const nextIndex = activeIndex === 0 ? dummyData.length - 1 : activeIndex - 1;
       setActiveIndex(nextIndex);
     };
 
@@ -268,56 +255,756 @@ const DashboardProject = (args) => {
       setActiveIndex(newIndex);
     };
 
-  const slides = allDataMaster.map((item, index) => {
-    let URL_GANTT = "";
-    let version_gantt = "";
-    item.project.gantt.map((itemGantt, index) => {
-      URL_GANTT = `http://localhost:8444/adw-gantt/view-mode/index.html?base_url=${BASE_OSPRO}/api&gantt_id=${itemGantt.gantt_id}&proyek_id=${itemGantt.proyek_id}&token=${token}&ro=1`;
-      version_gantt = itemGantt.name_version
-    });
-    const today = moment();
-      const assignedList = item.assigned
-        .filter((itemAssigned) =>
-          today.isBetween(moment(itemAssigned.start_date), moment(itemAssigned.end_date))
-        )
-        .map((itemMap) => itemMap.user_id);
-    // SCurve
-      let statusHealthBySchedule = "on-schedule";
-      let selisihProgress = 0;
-      let SetplanningProgress = 0;
-      let SetactualProgress = 0;
-      let now = new Date().toISOString().slice(0, 10);
-      let  dates = item.SCurve[0].data?.date;
-      let n = dates.findIndex(
-        (element) => new Date(now) < new Date(element)
-      );
-      if (
-        item.SCurve[0].length > 0 &&
-        item.SCurve[0].data?.percentagePlan &&
-        item.SCurve[0].data?.percentagePlan.length > 0
-      ) {
-        SetplanningProgress = item.SCurve[0].data?.percentagePlan[n];
-        if (n < 0) {
-          SetplanningProgress = 100;
-        }
-      }
-      if (
-        item.SCurve[0].length > 0 &&
-        item.SCurve[0].data?.percentageReal &&
-        item.SCurve[0].data?.percentageReal.length > 0
-      ) {
-        SetactualProgress =
-          item.SCurve[0].data?.percentageReal[
-            item.SCurve[0].data?.percentageReal.length - 1
-          ];
+  const dummyData = [
+      {
+      "project": {
+          "id": 138,
+          "nama":"Survey Tanah Bidang",
+          "budget_health":"on-budget",
+          "schedule_health":"on-schedule",
+          "company": "Kementrian PUPR",
+          "gantt": {
+            "gantt_id": 896,
+            "name_version":"Proses Tender",
+          }
+      },
+      "manpower":1,
+      "assigned":0,
+      "actual":0,
+      "project_manager": "FATHAN",
+      "activity" : {
+          "start_date":"-",
+          "end_date":"13 September 2023",
+          "planned_start":"-",
+          "planned_end":"-",
+          "planning":0,
+          "actual":0
+        },
+      "key":1
+      },
+      {
+      "project": {
+          "id": 138,
+          "nama":"Survey Tanah Bidang",
+          "budget_health":"on-budget",
+          "schedule_health":"on-schedule",
+          "company": "Kementrian PUPR",
+          "gantt": {
+            "gantt_id": 897,
+            "name_version":"Eksekusi",
+          }
+      },
+      "manpower":1,
+      "assigned":0,
+      "actual":0,
+      "project_manager": "FATHAN",
+      "activity" : {
+          "start_date":"11 September 2023",
+          "end_date":"11 September 2023",
+          "planned_start":"-",
+          "planned_end":"-",
+          "planning":0,
+          "actual":0
+        },
+      "key":2
+      },
+      {
+      "project": {
+          "id": 138,
+          "nama":"Survey Tanah Bidang",
+          "budget_health":"on-budget",
+          "schedule_health":"on-schedule",
+          "company": "Kementrian PUPR",
+          "gantt": {
+            "gantt_id": 898,
+            "name_version":"Document meeting",
+          }
+      },
+      "manpower":1,
+      "assigned":0,
+      "actual":0,
+      "project_manager": "FATHAN",
+      "activity" : {
+          "start_date":"11 September 2023",
+          "end_date":"11 September 2023",
+          "planned_start":"-",
+          "planned_end":"-",
+          "planning":0,
+          "actual":0
+        },
+      "key":3
       }
+    ]
+  // const slides = allDataMaster.map((item, index) => {
+  //   let URL_GANTT = "";
+  //   let version_gantt = "";
+  //   item.project.gantt.map((itemGantt, index) => {
+  //     URL_GANTT = `http://localhost:8444/adw-gantt/view-mode/index.html?base_url=${BASE_OSPRO}/api&gantt_id=${itemGantt.gantt_id}&proyek_id=${itemGantt.proyek_id}&token=${token}&ro=1`;
+  //     version_gantt = itemGantt.name_version
+  //   });
+  //   const today = moment();
+  //     const assignedList = item.assigned
+  //       .filter((itemAssigned) =>
+  //         today.isBetween(moment(itemAssigned.start_date), moment(itemAssigned.end_date))
+  //       )
+  //       .map((itemMap) => itemMap.user_id);
+  //   // SCurve
+  //     let statusHealthBySchedule = "on-schedule";
+  //     let selisihProgress = 0;
+  //     let SetplanningProgress = 0;
+  //     let SetactualProgress = 0;
+  //     let now = new Date().toISOString().slice(0, 10);
+  //     let  dates = item.SCurve[0].data?.date;
+  //     let n = dates.findIndex(
+  //       (element) => new Date(now) < new Date(element)
+  //     );
+  //     if (
+  //       item.SCurve[0].length > 0 &&
+  //       item.SCurve[0].data?.percentagePlan &&
+  //       item.SCurve[0].data?.percentagePlan.length > 0
+  //     ) {
+  //       SetplanningProgress = item.SCurve[0].data?.percentagePlan[n];
+  //       if (n < 0) {
+  //         SetplanningProgress = 100;
+  //       }
+  //     }
+  //     if (
+  //       item.SCurve[0].length > 0 &&
+  //       item.SCurve[0].data?.percentageReal &&
+  //       item.SCurve[0].data?.percentageReal.length > 0
+  //     ) {
+  //       SetactualProgress =
+  //         item.SCurve[0].data?.percentageReal[
+  //           item.SCurve[0].data?.percentageReal.length - 1
+  //         ];
+  //     }
 
-      selisihProgress = SetplanningProgress - SetactualProgress;
-      if (selisihProgress > 0 && selisihProgress <= 5) {
-        statusHealthBySchedule = "warning";
-      } else if (selisihProgress > 5) {
-        statusHealthBySchedule = "danger";
-      }
+  //     selisihProgress = SetplanningProgress - SetactualProgress;
+  //     if (selisihProgress > 0 && selisihProgress <= 5) {
+  //       statusHealthBySchedule = "warning";
+  //     } else if (selisihProgress > 5) {
+  //       statusHealthBySchedule = "danger";
+  //     }
+  //   return (
+  //     <CarouselItem
+  //       onExiting={() => setAnimating(true)}
+  //       onExited={() => setAnimating(false)}
+  //       key={parseInt(item.key)}>
+  //         <Row>
+  //           <Col span={18}>
+  //             <Row>
+  //               <Col span={8}>
+  //                 <div
+  //                   style={{
+  //                     border: "solid",
+  //                     borderWidth: 1,
+  //                     borderColor: "#DDDDDD",
+  //                     padding: 10,
+  //                     margin: 2,
+  //                   }}
+  //                 >
+  //                   <div
+  //                     style={{
+  //                       display: "flex",
+  //                       flexDirection: "row",
+  //                       marginBottom: 10,
+  //                     }}
+  //                   >
+  //                     <div
+  //                       style={{
+  //                         flex: 20,
+  //                         display: "flex",
+  //                         flexDirection: "column",
+  //                       }}
+  //                     >
+  //                       <div
+  //                         style={{
+  //                           fontSize: 16,
+  //                           fontWeight: "bold",
+  //                           marginBottom: 10,
+  //                         }}
+  //                       >
+  //                         Project
+  //                       </div>
+  //                       <div style={{ fontSize: 14 }}>
+  //                         {isReadyProjectDetail &&
+  //                         isReadyGantt ? (
+  //                           (() => {
+  //                             let parentNames = "";
+  //                             if (item.hierarchy.length > 0)
+  //                               {
+  //                                 for ( let i = item.hierarchy.length - 1; i >= 0; i--) {
+  //                                   parentNames += " - ";
+  //                                   parentNames += item.hierarchy[i].name;
+  //                               }
+  //                             }
+  //                             return item.project.nama +
+  //                               parentNames +
+  //                               " - " +
+  //                               version_gantt
+  //                           })()
+  //                         ) : (
+  //                           <SingleTextLoader />
+  //                         )}
+  //                       </div>
+  //                     </div>
+  //                     <div>
+  //                       <i
+  //                         className="fa fa-check-square"
+  //                         style={{ fontSize: 28 }}
+  //                       ></i>
+  //                     </div>
+  //                   </div>
+  //                 </div>
+  //               </Col>
+  //               <Col span={8}>
+  //                 <div
+  //                   style={{
+  //                     border: "solid",
+  //                     borderWidth: 1,
+  //                     borderColor: "#DDDDDD",
+  //                     padding: 10,
+  //                     margin: 2,
+  //                   }}
+  //                 >
+  //                   <div
+  //                     style={{
+  //                       display: "flex",
+  //                       flexDirection: "row",
+  //                       marginBottom: 10,
+  //                     }}
+  //                   >
+  //                     <div
+  //                       style={{
+  //                         flex: 20,
+  //                         display: "flex",
+  //                         flexDirection: "column",
+  //                       }}
+  //                     >
+  //                       <div
+  //                         style={{
+  //                           fontSize: 16,
+  //                           fontWeight: "bold",
+  //                           marginBottom: 10,
+  //                         }}
+  //                       >
+  //                         Project Manager
+  //                       </div>
+  //                       <div style={{ fontSize: 14 }}>
+  //                         {isReadyProjectDetail ? (
+  //                           item.project_manager
+  //                         ) : (
+  //                           <SingleTextLoader />
+  //                         )}
+  //                       </div>
+  //                     </div>
+  //                     <div>
+  //                       <i className="fa fa-user" style={{ fontSize: 28 }}></i>
+  //                     </div>
+  //                   </div>
+  //                 </div>
+  //               </Col>
+  //               <Col span={8}>
+  //                 <div
+  //                   style={{
+  //                     border: "solid",
+  //                     borderWidth: 1,
+  //                     borderColor: "#DDDDDD",
+  //                     padding: 10,
+  //                     margin: 2,
+  //                   }}
+  //                 >
+  //                   <div
+  //                     style={{
+  //                       display: "flex",
+  //                       flexDirection: "row",
+  //                       marginBottom: 10,
+  //                     }}
+  //                   >
+  //                     <div
+  //                       style={{
+  //                         flex: 20,
+  //                         display: "flex",
+  //                         flexDirection: "column",
+  //                       }}
+  //                     >
+  //                       <div
+  //                         style={{
+  //                           fontSize: 16,
+  //                           fontWeight: "bold",
+  //                           marginBottom: 10,
+  //                         }}
+  //                       >
+  //                         Customer
+  //                       </div>
+  //                       <div style={{ fontSize: 14 }}>
+  //                         {isReadyProjectDetail ? (
+  //                           item.project.company
+  //                         ) : (
+  //                           <SingleTextLoader />
+  //                         )}
+  //                       </div>
+  //                     </div>
+  //                     <div>
+  //                       <i className="fa fa-home" style={{ fontSize: 28 }}></i>
+  //                     </div>
+  //                   </div>
+  //                 </div>
+  //               </Col>
+  //             </Row>
+  //             <Row>
+  //               <Col span={10}>
+  //                 <div
+  //                   style={{
+  //                     border: "solid",
+  //                     borderWidth: 1,
+  //                     borderColor: "#DDDDDD",
+  //                     padding: 10,
+  //                     margin: 2,
+  //                   }}
+  //                 >
+  //                   <div
+  //                     style={{
+  //                       display: "flex",
+  //                       flexDirection: "column",
+  //                       marginBottom: 10,
+  //                     }}
+  //                   >
+  //                     <div>
+  //                       <div
+  //                         style={{
+  //                           fontSize: 16,
+  //                           fontWeight: "bold",
+  //                           marginBottom: 10,
+  //                         }}
+  //                       >
+  //                         Schedule
+  //                       </div>
+  //                     </div>
+  //                     <div>
+  //                       <Row>
+  //                         <Col
+  //                           span={12}
+  //                           style={{ fontSize: 11, fontWeight: "bold" }}
+  //                         >
+  //                           <i
+  //                             className="fa fa-calendar"
+  //                             style={{ marginRight: 8 }}
+  //                           ></i>
+  //                           Planned Start
+  //                         </Col>
+  //                         <Col span={12} style={{ fontSize: 11 }}>
+  //                           {isReadyProjectDetail ? (
+  //                             item.activity.planned_start ? (
+  //                               moment(item.activity.planned_start).format("D MMMM YYYY")
+  //                             ) : (
+  //                               "-"
+  //                             )
+  //                           ) : (
+  //                             <SingleTextLoader width={100} height={10} />
+  //                           )}
+  //                         </Col>
+  //                       </Row>
+  //                       <Row>
+  //                         <Col
+  //                           span={12}
+  //                           style={{ fontSize: 11, fontWeight: "bold" }}
+  //                         >
+  //                           <i
+  //                             className="fa fa-calendar"
+  //                             style={{ marginRight: 8 }}
+  //                           ></i>
+  //                           Actual Start
+  //                         </Col>
+  //                         <Col span={12} style={{ fontSize: 11 }}>
+  //                           {isReadyProjectDetail ? (
+  //                             item.activity.start_date ? (
+  //                               moment(item.activity.start_date).format("D MMMM YYYY")
+  //                             ) : (
+  //                               "-"
+  //                             )
+  //                           ) : (
+  //                             <SingleTextLoader width={100} height={10} />
+  //                           )}
+  //                         </Col>
+  //                       </Row>
+  //                       <Row>
+  //                         <Col
+  //                           span={12}
+  //                           style={{ fontSize: 11, fontWeight: "bold" }}
+  //                         >
+  //                           <i
+  //                             className="fa fa-calendar"
+  //                             style={{ marginRight: 8 }}
+  //                           ></i>
+  //                           Planned Finish
+  //                         </Col>
+  //                         <Col span={12} style={{ fontSize: 11 }}>
+  //                           {isReadyProjectDetail ? (
+  //                             item.activity.planned_end ? (
+  //                               moment(item.activity.planned_end).format("D MMMM YYYY")
+  //                             ) : (
+  //                               "-"
+  //                             )
+  //                           ) : (
+  //                             <SingleTextLoader width={100} height={10} />
+  //                           )}
+  //                         </Col>
+  //                       </Row>
+  //                       <Row>
+  //                         <Col
+  //                           span={12}
+  //                           style={{ fontSize: 11, fontWeight: "bold" }}
+  //                         >
+  //                           <i
+  //                             className="fa fa-calendar"
+  //                             style={{ marginRight: 8 }}
+  //                           ></i>
+  //                           Estimated Finish
+  //                         </Col>
+  //                         <Col span={12} style={{ fontSize: 11 }}>
+  //                           {isReadyProjectDetail ? (
+  //                             item.activity.end_date ? (
+  //                               moment(item.activity.end_date).format("D MMMM YYYY")
+  //                             ) : (
+  //                               "-"
+  //                             )
+  //                           ) : (
+  //                             <SingleTextLoader width={100} height={10} />
+  //                           )}
+  //                         </Col>
+  //                       </Row>
+  //                     </div>
+  //                   </div>
+  //                 </div>
+  //               </Col>
+  //             </Row>
+  //             <div
+  //               style={{
+  //                 margin: 2,
+  //                 border: "solid",
+  //                 borderWidth: 1,
+  //                 borderColor: "#DDDDDD",
+  //               }}
+  //             >
+  //               <Row>
+  //                 <Col span={12}>
+  //                   <div
+  //                     style={{
+  //                       backgroundColor: activeTabIdx === 0 ? "#FFFFFF" : "#D9D9D9",
+  //                       padding: 8,
+  //                       fontWeight: "bold",
+  //                       cursor: "pointer",
+  //                       color: activeTabIdx === 0 ? "#000000" : "#4E4C4C",
+  //                     }}
+  //                     onClick={() => setActiveTabIdx(0)}
+  //                   >
+  //                     S Curve
+  //                   </div>
+  //                 </Col>
+  //                 <Col span={12}>
+  //                   <div
+  //                     style={{
+  //                       backgroundColor: activeTabIdx === 1 ? "#FFFFFF" : "#D9D9D9",
+  //                       padding: 8,
+  //                       fontWeight: "bold",
+  //                       cursor: "pointer",
+  //                       color: activeTabIdx === 1 ? "#000000" : "#4E4C4C",
+  //                     }}
+  //                     onClick={() => setActiveTabIdx(1)}
+  //                   >
+  //                     Maps
+  //                   </div>
+  //                 </Col>
+  //               </Row>
+  //               <Row>
+  //                 <Col span={24}>
+  //                   <div style={{ maxHeight: "55vh" }}>
+  //                     <div
+  //                       style={{
+  //                         height: "56vh",
+  //                         width: "100%",
+  //                         display: activeTabIdx === 0 ? "block" : "none",
+  //                       }}
+  //                     >
+  //                       <iframe
+  //                         id="frame-gantt"
+  //                         src={URL_GANTT}
+  //                         style={{
+  //                           width: "100%",
+  //                           height: "100%",
+  //                         }}
+  //                         scrolling="no"
+  //                         frameBorder="0"
+  //                         allow="fullscreen"
+  //                       ></iframe>
+  //                     </div>
+  //                     {activeTabIdx === 1 && (
+  //                       <div
+  //                         id="map-area"
+  //                         style={{ height: "56vh" }}
+  //                         ref={mapRef}
+  //                       ></div>
+  //                     )}
+  //                   </div>
+  //                 </Col>
+  //               </Row>
+  //             </div>
+  //           </Col>
+  //           <Col span={6}>
+  //             <div style={{ margin: 2 }}>
+  //               <Row>
+  //                 <Col span={24}>
+  //                   <div
+  //                     style={{
+  //                       backgroundColor: "#222222",
+  //                       padding: 10,
+  //                       marginBottom: 5,
+  //                     }}
+  //                   >
+  //                     <div
+  //                       style={{
+  //                         color: "#FFFFFF",
+  //                         textAlign: "center",
+  //                         marginBottom: 10,
+  //                         fontWeight: "bold",
+  //                       }}
+  //                     >
+  //                       Progress
+  //                     </div>
+  //                     {isReadySCurve ? (
+  //                       <ProgressPlanningBar
+  //                         progress={SetplanningProgress > 100 ? 100 : SetplanningProgress}
+  //                       />
+  //                     ) : (
+  //                       <SingleTextLoader width={"100%"} height={30} />
+  //                     )}
+  //                     <div style={{ marginTop: 10, marginBottom: 10 }}></div>
+  //                     {isReadySCurve ? (
+  //                       <ProgressActualBar
+  //                         progress={
+  //                           SetplanningProgress > 100 || SetactualProgress > 100
+  //                             ? parseFloat(
+  //                                 (SetactualProgress / SetplanningProgress) * 100
+  //                               ).toFixed(0)
+  //                             : SetactualProgress
+  //                           }
+  //                       />
+  //                     ) : (
+  //                       <SingleTextLoader width={"100%"} height={30} />
+  //                     )}
+  //                   </div>
+  //                 </Col>
+  //               </Row>
+  //               <Row>
+  //                 <Col span={12}>
+  //                   <div
+  //                     style={{
+  //                       background: "#FFF",
+  //                       padding: 10,
+  //                       border: "1px solid #DDD",
+  //                       marginRight: 2,
+  //                     }}
+  //                   >
+  //                     {isReadyOverdueActivities && (
+  //                       <HealthByBudget status={item.project.budget_health} />
+  //                     )}
+  //                     {isReadySCurve && (
+  //                       <HealthBySchedule status={statusHealthBySchedule} />
+  //                     )}
+  //                   </div>
+  //                 </Col>
+  //                 <Col span={12}>
+  //                   <Row style={{ height: "50%" }}>
+  //                     <Col span={24}>
+  //                       <div
+  //                         style={{
+  //                           display: "flex",
+  //                           alignItems: "center",
+  //                           justifyContent: "center",
+  //                           height: "100%",
+  //                           background: "#FFF",
+  //                           padding: 10,
+  //                           border: "1px solid #DDD",
+  //                           marginBottom: 5,
+  //                           marginRight: 2,
+  //                         }}
+  //                       >
+  //                         Manpower : {item.manpower}
+  //                       </div>
+  //                     </Col>
+  //                   </Row>
+  //                   <Row style={{ height: "50%" }}>
+  //                     <Col span={12}>
+  //                       <div
+  //                         style={{
+  //                           display: "flex",
+  //                           alignItems: "center",
+  //                           justifyContent: "center",
+  //                           height: "100%",
+  //                           background: "#FFF",
+  //                           padding: 10,
+  //                           border: "1px solid #DDD",
+  //                           marginBottom: 5,
+  //                           marginRight: 2,
+  //                         }}
+  //                       >
+  //                         Assigned: {item.assigned && assignedList.length}
+  //                       </div>
+  //                     </Col>
+  //                     <Col span={12}>
+  //                       <div
+  //                         style={{
+  //                           display: "flex",
+  //                           alignItems: "center",
+  //                           justifyContent: "center",
+  //                           height: "100%",
+  //                           background: "#FFF",
+  //                           padding: 10,
+  //                           border: "1px solid #DDD",
+  //                           marginBottom: 5,
+  //                           marginRight: 2,
+  //                         }}
+  //                       >
+  //                         Actual : {item.actual}
+  //                       </div>
+  //                     </Col>
+  //                   </Row>
+  //                 </Col>
+  //               </Row>
+  //               <Row>
+  //                 <Col span={24}>
+  //                   <div
+  //                     style={{
+  //                       border: "solid",
+  //                       borderWidth: 1,
+  //                       borderColor: "#DDDDDD",
+  //                     }}
+  //                   >
+  //                     <Row style={{ alignItems: "center", marginBottom: 5 }}>
+  //                       <Col span={12}>
+  //                         <div
+  //                           style={{
+  //                             backgroundColor:
+  //                               activeTabCommentIdx === 0 ? "#FFFFFF" : "#D9D9D9",
+  //                             fontWeight: 500,
+  //                             textAlign: "center",
+  //                             fontSize: 12,
+  //                             padding: 2,
+  //                             cursor: "pointer",
+  //                             color:
+  //                               activeTabCommentIdx === 0 ? "#000000" : "#4E4C4C",
+  //                           }}
+  //                           onClick={() => setActiveTabCommentIdx(0)}
+  //                         >
+  //                           Behind Task
+  //                         </div>
+  //                       </Col>
+  //                       <Col span={12}>
+  //                         <div
+  //                           style={{
+  //                             backgroundColor:
+  //                               activeTabCommentIdx === 1 ? "#FFFFFF" : "#D9D9D9",
+  //                             fontWeight: 500,
+  //                             textAlign: "center",
+  //                             fontSize: 12,
+  //                             padding: 2,
+  //                             cursor: "pointer",
+  //                             color:
+  //                               activeTabCommentIdx === 1 ? "#000000" : "#4E4C4C",
+  //                           }}
+  //                           onClick={() => setActiveTabCommentIdx(1)}
+  //                         >
+  //                           Comment From Customer
+  //                         </div>
+  //                       </Col>
+  //                     </Row>
+  //                     <div
+  //                       className="custom-scroll"
+  //                       style={{ maxHeight: "37vh", overflow: "auto" }}
+  //                     >
+  //                       {activeTabCommentIdx === 0 && (
+  //                         <div>
+  //                           {isReadyOverdueActivities && item.overdueActivities != [] && item.overdueActivities.length > 0 ? (
+  //                             item.overdueActivities.map((overdueItem, idx) => {
+  //                               let end_date;
+  //                               let planned_end;
+  //                               let diffDays = 0;
+  //                               let message = "";
+
+  //                               if (overdueItem.end_date && overdueItem.end_date !== null) {
+  //                                 end_date = moment(overdueItem.end_date);
+  //                                 planned_end = moment(overdueItem.planned_end);
+  //                                 diffDays = end_date.diff(planned_end, "days");
+
+  //                                 if (isNaN(diffDays)) {
+  //                                   return null;
+  //                                 } else {
+  //                                   if (diffDays > 0) {
+  //                                     message = `Overdue by ${diffDays + 1} days`;
+  //                                   } else {
+  //                                     return null;
+  //                                   }
+  //                                 }
+  //                               }
+
+  //                               return <BehindTaskItem key={idx} name={overdueItem.name} message={message} />;
+  //                             })
+  //                           ) : (
+  //                             <div
+  //                               style={{
+  //                                 flex: 1,
+  //                                 textAlign: "center",
+  //                                 color: "#E80053",
+  //                                 marginTop: 50,
+  //                                 marginBottom: 50,
+  //                               }}
+  //                             >
+  //                               No overdue activity found.
+  //                             </div>
+  //                           )}
+  //                         </div>
+  //                       )}
+  //                       {activeTabCommentIdx === 1 &&(
+  //                       <div>
+  //                         {item.project_comment && item.project_comment != [] ? (
+  //                           item.project_comment.map((commentItem, idx) => {
+
+  //                             return <Comment
+  //                             key={idx}
+  //                             name={""}
+  //                             comment={commentItem.comment}
+  //                             created_at={commentItem.created_at}
+  //                           />
+  //                           })
+  //                         ) : (
+  //                             <div
+  //                               style={{
+  //                                 flex: 1,
+  //                                 textAlign: "center",
+  //                                 color: "#E80053",
+  //                                 marginTop: 50,
+  //                                 marginBottom: 50,
+  //                               }}
+  //                             >
+  //                               No comments found.
+  //                             </div>
+  //                           )}
+  //                         </div>
+  //                       )}
+  //                     </div>
+  //                   </div>
+  //                 </Col>
+  //               </Row>
+  //             </div>
+  //           </Col>
+  //         </Row>
+  //       <CarouselCaption/>
+  //     </CarouselItem>
+  //   );
+  // });
+  const slides = dummyData.map((item, index) => {
+    const URL_GANTT = `http://localhost:8444/adw-gantt/view-mode/index.html?base_url=${BASE_OSPRO}/api&gantt_id=${item.project.gantt.gantt_id}&proyek_id=${item.project.id}&token=${token}&ro=1`;
     return (
       <CarouselItem
         onExiting={() => setAnimating(true)}
@@ -360,22 +1047,8 @@ const DashboardProject = (args) => {
                           Project
                         </div>
                         <div style={{ fontSize: 14 }}>
-                          {isReadyProjectDetail &&
-                          isReadyGantt ? (
-                            (() => {
-                              let parentNames = "";
-                              if (item.hierarchy.length > 0)
-                                {
-                                  for ( let i = item.hierarchy.length - 1; i >= 0; i--) {
-                                    parentNames += " - ";
-                                    parentNames += item.hierarchy[i].name;
-                                }
-                              }
-                              return item.project.nama +
-                                parentNames +
-                                " - " +
-                                version_gantt
-                            })()
+                          {item.project ? (
+                            item.project.nama + "-" + item.project.gantt.name_version
                           ) : (
                             <SingleTextLoader />
                           )}
@@ -424,7 +1097,7 @@ const DashboardProject = (args) => {
                           Project Manager
                         </div>
                         <div style={{ fontSize: 14 }}>
-                          {isReadyProjectDetail ? (
+                          {item.project_manager ? (
                             item.project_manager
                           ) : (
                             <SingleTextLoader />
@@ -471,7 +1144,7 @@ const DashboardProject = (args) => {
                           Customer
                         </div>
                         <div style={{ fontSize: 14 }}>
-                          {isReadyProjectDetail ? (
+                          {item.project ? (
                             item.project.company
                           ) : (
                             <SingleTextLoader />
@@ -527,12 +1200,8 @@ const DashboardProject = (args) => {
                             Planned Start
                           </Col>
                           <Col span={12} style={{ fontSize: 11 }}>
-                            {isReadyProjectDetail ? (
-                              item.activity.planned_start ? (
-                                moment(item.activity.planned_start).format("D MMMM YYYY")
-                              ) : (
-                                "-"
-                              )
+                            {item.activity ? (
+                              item.activity.planned_start
                             ) : (
                               <SingleTextLoader width={100} height={10} />
                             )}
@@ -550,12 +1219,8 @@ const DashboardProject = (args) => {
                             Actual Start
                           </Col>
                           <Col span={12} style={{ fontSize: 11 }}>
-                            {isReadyProjectDetail ? (
-                              item.activity.start_date ? (
-                                moment(item.activity.start_date).format("D MMMM YYYY")
-                              ) : (
-                                "-"
-                              )
+                          {item.activity ? (
+                            item.activity.start_date
                             ) : (
                               <SingleTextLoader width={100} height={10} />
                             )}
@@ -573,12 +1238,8 @@ const DashboardProject = (args) => {
                             Planned Finish
                           </Col>
                           <Col span={12} style={{ fontSize: 11 }}>
-                            {isReadyProjectDetail ? (
-                              item.activity.planned_end ? (
-                                moment(item.activity.planned_end).format("D MMMM YYYY")
-                              ) : (
-                                "-"
-                              )
+                            {item.activity ? (
+                              item.activity.planned_end
                             ) : (
                               <SingleTextLoader width={100} height={10} />
                             )}
@@ -596,12 +1257,8 @@ const DashboardProject = (args) => {
                             Estimated Finish
                           </Col>
                           <Col span={12} style={{ fontSize: 11 }}>
-                            {isReadyProjectDetail ? (
-                              item.activity.end_date ? (
-                                moment(item.activity.end_date).format("D MMMM YYYY")
-                              ) : (
-                                "-"
-                              )
+                            {item.activity ? (
+                              item.activity.end_date
                             ) : (
                               <SingleTextLoader width={100} height={10} />
                             )}
@@ -705,22 +1362,22 @@ const DashboardProject = (args) => {
                       >
                         Progress
                       </div>
-                      {isReadySCurve ? (
+                      {item.activity ? (
                         <ProgressPlanningBar
-                          progress={SetplanningProgress > 100 ? 100 : SetplanningProgress}
+                          progress={item.activity.planning > 100 ? 100 : item.activity.planning}
                         />
                       ) : (
                         <SingleTextLoader width={"100%"} height={30} />
                       )}
                       <div style={{ marginTop: 10, marginBottom: 10 }}></div>
-                      {isReadySCurve ? (
+                      {item.activity ? (
                         <ProgressActualBar
                           progress={
-                            SetplanningProgress > 100 || SetactualProgress > 100
+                            item.activity.planning > 100 || item.activity.actual > 100
                               ? parseFloat(
-                                  (SetactualProgress / SetplanningProgress) * 100
+                                  (item.activity.actual / item.activity.planning) * 100
                                 ).toFixed(0)
-                              : SetactualProgress
+                              : item.activity.actual
                             }
                         />
                       ) : (
@@ -739,11 +1396,11 @@ const DashboardProject = (args) => {
                         marginRight: 2,
                       }}
                     >
-                      {isReadyOverdueActivities && (
+                      {item.project.budget_health && (
                         <HealthByBudget status={item.project.budget_health} />
                       )}
-                      {isReadySCurve && (
-                        <HealthBySchedule status={statusHealthBySchedule} />
+                      {item.project.schedule_health && (
+                        <HealthBySchedule status={item.project.schedule_health} />
                       )}
                     </div>
                   </Col>
@@ -782,7 +1439,7 @@ const DashboardProject = (args) => {
                             marginRight: 2,
                           }}
                         >
-                          Assigned: {item.assigned && assignedList.length}
+                          Assigned: {item.assigned}
                         </div>
                       </Col>
                       <Col span={12}>
@@ -856,74 +1513,50 @@ const DashboardProject = (args) => {
                         className="custom-scroll"
                         style={{ maxHeight: "37vh", overflow: "auto" }}
                       >
-                        {activeTabCommentIdx === 0 && (
-                          <div>
-                            {isReadyOverdueActivities && item.overdueActivities != [] && item.overdueActivities.length > 0 ? (
-                              item.overdueActivities.map((overdueItem, idx) => {
-                                let end_date;
-                                let planned_end;
-                                let diffDays = 0;
-                                let message = "";
-
-                                if (overdueItem.end_date && overdueItem.end_date !== null) {
-                                  end_date = moment(overdueItem.end_date);
-                                  planned_end = moment(overdueItem.planned_end);
-                                  diffDays = end_date.diff(planned_end, "days");
-
-                                  if (isNaN(diffDays)) {
-                                    return null;
-                                  } else {
-                                    if (diffDays > 0) {
-                                      message = `Overdue by ${diffDays + 1} days`;
-                                    } else {
-                                      return null;
-                                    }
-                                  }
-                                }
-
-                                return <BehindTaskItem key={idx} name={overdueItem.name} message={message} />;
-                              })
-                            ) : (
-                              <div
-                                style={{
-                                  flex: 1,
-                                  textAlign: "center",
-                                  color: "#E80053",
-                                  marginTop: 50,
-                                  marginBottom: 50,
-                                }}
-                              >
-                                No overdue activity found.
-                              </div>
-                            )}
-                          </div>
+                      {activeTabCommentIdx === 0 && (
+                          <div
+                          style={{
+                            flex: 1,
+                            textAlign: "center",
+                            color: "#E80053",
+                            marginTop: 50,
+                            marginBottom: 50,
+                          }}
+                        >
+                          No overdue activity found.
+                        </div>
                         )}
-                        {activeTabCommentIdx === 1 &&(
-                        <div>
-                          {item.project_comment && item.project_comment != [] ? (
-                            item.project_comment.map((commentItem, idx) => {
-
-                              return <Comment
-                              key={idx}
-                              name={""}
-                              comment={commentItem.comment}
-                              created_at={commentItem.created_at}
-                            />
-                            })
-                          ) : (
-                              <div
-                                style={{
-                                  flex: 1,
-                                  textAlign: "center",
-                                  color: "#E80053",
-                                  marginTop: 50,
-                                  marginBottom: 50,
-                                }}
-                              >
-                                No comments found.
-                              </div>
-                            )}
-                          </div>
+                      {activeTabCommentIdx === 1 && (
+                        <>
+                        <div
+                        style={{ padding: 5, marginBottom: 5, marginRight: 2, marginLeft: 2 }}
+                      >
+                        <TextArea
+                          rows={3}
+                          placeholder="Write comment here"
+                          disabled={isSendingComment}
+                        />
+                        <div style={{ float: "right", marginTop: -40, marginRight: 10 }}>
+                          <Button
+                            title="Send"
+                            type="primary"
+                            shape="circle"
+                            size={20}
+                          />
+                        </div>
+                      </div>
+                          <div
+                          style={{
+                            flex: 1,
+                            textAlign: "center",
+                            color: "#E80053",
+                            marginTop: 50,
+                            marginBottom: 50,
+                          }}
+                        >
+                          No comments found.
+                        </div>
+                        </>
                         )}
                       </div>
                     </div>
@@ -950,7 +1583,7 @@ const DashboardProject = (args) => {
               {...args}
             >
               <CarouselIndicators
-                items={allDataMaster}
+                items={dummyData}
                 activeIndex={activeIndex}
                 onClickHandler={goToIndex}
               />