From cd095c37adab4cfb930353ae7adea34d518a4517 Mon Sep 17 00:00:00 2001
From: wahyuun <wahyumind01@gmail.com>
Date: Thu, 31 Aug 2023 16:25:38 +0700
Subject: [PATCH] add Assign Customer Menu

---
 src/views/Dashboard/DashboardProject.js       |  71 +--
 .../CreatedProyek/DataRequestMaterial.js      | 478 +++++++++---------
 src/views/SimproV2/CreatedProyek/index.js     |  35 ++
 3 files changed, 292 insertions(+), 292 deletions(-)

diff --git a/src/views/Dashboard/DashboardProject.js b/src/views/Dashboard/DashboardProject.js
index 7dcc71c..ac105d5 100644
--- a/src/views/Dashboard/DashboardProject.js
+++ b/src/views/Dashboard/DashboardProject.js
@@ -625,54 +625,11 @@ const DashboardProject = () => {
       .then((res) => res)
       .catch((err) => err.response);
 
-    const RenderBehindTasks = useMemo(() => {
-      return (
-        <div>
-          {!isReadyOverdueActivities && <ListLoader />}
-          {isReadyOverdueActivities &&
-            overdueActivities &&
-            overdueActivities.length < 1 && (
-              <div
-                style={{
-                  flex: 1,
-                  textAlign: "center",
-                  color: "#E80053",
-                  marginTop: 50,
-                  marginBottom: 50,
-                }}
-              >
-                No overdue activity found.
-              </div>
-            )}
-          {isReadyOverdueActivities &&
-            overdueActivities &&
-            overdueActivities.length > 0 &&
-            overdueActivities.map((item, idx) => {
-              let end_date;
-              let planned_end;
-              let diffDays = 0;
-              let message = "";
-              if (item.end_date && item.end_date !== null) {
-                end_date = moment(item.end_date);
-                planned_end = moment(item.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={item.name} message={message} />
-              );
-            })}
-        </div>
-      );
-    }, [overdueActivities, isReadyOverdueActivities]);
+    if (!result) {
+      NotificationManager.error(`Could not connect to internet.`, "Failed");
+      setIsSendingComment(false);
+      return;
+    }
 
     if (result.status !== 200) {
       NotificationManager.error(
@@ -835,15 +792,23 @@ const DashboardProject = () => {
           overdueActivities &&
           overdueActivities.length > 0 &&
           overdueActivities.map((item, idx) => {
-            let end_date = null;
-            let today = null;
+            let end_date;
+            let planned_end;
             let diffDays = 0;
             let message = "";
             if (item.end_date && item.end_date !== null) {
               end_date = moment(item.end_date);
-              today = moment(new Date());
-              diffDays = today.diff(end_date, "days");
-              message = `Overdue by ${diffDays} days`;
+              planned_end = moment(item.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={item.name} message={message} />
diff --git a/src/views/SimproV2/CreatedProyek/DataRequestMaterial.js b/src/views/SimproV2/CreatedProyek/DataRequestMaterial.js
index 9609392..349d2b8 100644
--- a/src/views/SimproV2/CreatedProyek/DataRequestMaterial.js
+++ b/src/views/SimproV2/CreatedProyek/DataRequestMaterial.js
@@ -1,239 +1,239 @@
-import React, { useEffect, useState, useMemo } from 'react'
-import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
-import { Button } from 'reactstrap';
-import { Table, Tooltip } from 'antd';
-import 'antd/dist/antd.css';
-import moment from 'moment';
-import SweetAlert from 'react-bootstrap-sweetalert';
-import { REQUEST_MATERIAL_SEARCH, REQUEST_MATERIAL_ADD, REQUEST_MATERIAL_DELETE, REQUEST_MATERIAL_EDIT } from '../../../const/ApiConst';
-import axios from "../../../const/interceptorApi"
-import { NotificationContainer, NotificationManager } from 'react-notifications';
-import DialogRequest from './FormRequestMaterial';
-import { renderLabelStatus } from '../../../const/CustomFunc';
-const DialogFormMaterial = ({ openDialog, closeDialog, toggleDialog, idTask, materialResource, proyekName }) => {
-  const token = localStorage.getItem("token")
-  const HEADER = {
-    headers: {
-      "Content-Type": "application/json",
-      "Authorization": `Bearer ${token}`
-    }
-  }
-  const [dataResource, setDataResource] = useState([])
-  const [openDialogReq, setOpenDialogReq] = useState(false)
-  const [alertDelete, setAlertDelete] = useState(false)
-  const [idDelete, setIdDelete] = useState(0)
-  const [dataEdit, setDataEdit] = useState(null)
-
-  useEffect(() => {
-    if (idTask > 0) {
-      getDataRequestMaterial();
-    }
-  }, [idTask])
-
-  useEffect(() => {
-    if (!openDialog) {
-      setDataResource([]);
-    } else {
-
-    }
-  }, [openDialog])
-
-
-  const getDataRequestMaterial = async () => {
-    const payload = {
-      "columns": [
-        { "name": "description", "logic_operator": "ilike", "value": "", "operator": "AND" },
-        { "name": "proyek_id", "logic_operator": "=", "value": idTask, "operator": "AND" }
-      ],
-      "joins": [],
-      "orders": { "columns": ["id"], "ascending": true },
-      "paging": { "start": 0, "length": 25 }
-    }
-
-    const result = await axios
-      .post(REQUEST_MATERIAL_SEARCH, payload, HEADER)
-      .then(res => res)
-      .catch((error) => error.response);
-    console.log("result", result)
-    if (result && result.status == 200) {
-      setDataResource(result.data.data);
-    } else {
-
-    }
-  }
-
-  const handleCancel = () => {
-    setDataResource([]);
-    setDataEdit(null)
-    closeDialog('cancel', 'none')
-  }
-
-  const handleDelete = (id) => {
-    setIdDelete(id)
-    setAlertDelete(true)
-  }
-
-  const handleEdit = async (data) => {
-    await setDataEdit(data)
-    setOpenDialogReq(true)
-  }
-
-  const RenderTable = useMemo(() => {
-    const columns = [
-      {
-        title: 'Action',
-        dataIndex: '',
-        key: 'id',
-        className: "nowrap",
-        render: (text, record) => <>
-
-          {text.status == "fom" ? <><Tooltip title="Delete Request Resource">
-            <Button size="small" size={"sm"} color='danger' onClick={() => handleDelete(text.id)}><i className="fa fa-trash"></i></Button>
-          </Tooltip>{" "}<Tooltip title="Edit Request Resource">
-              <Button size="small" size={"sm"} color='primary' onClick={() => handleEdit(text)}><i className="fa fa-edit"></i></Button>
-            </Tooltip></> : "-"}
-        </>,
-      },
-      { title: 'Status', dataIndex: 'status', key: 'status', render: (text, record) => renderLabelStatus(text) },
-      { title: 'Description', dataIndex: 'description', key: 'description' },
-      { title: 'Required Date', dataIndex: 'required_date', key: 'required_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{moment(text).format("D-M-YYYY")}</div>) },
-      { title: 'QTY', dataIndex: 'qty', key: 'qty', render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? text : "-"}</div>) },
-      { title: 'UOM', dataIndex: 'uom', key: 'uom', render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? text : "-"}</div>) },
-      { title: 'QTY Received', dataIndex: 'qty_received', key: 'qty_received', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? text : "-"}</div>) },
-      { title: 'FOM Date', dataIndex: 'fom_date', key: 'fom_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{moment(text).format("D-M-YYYY")}</div>) },
-      { title: 'PR Date', dataIndex: 'pr_date', key: 'pr_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
-      { title: 'PO Date', dataIndex: 'po_date', key: 'po_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
-      { title: 'Received Date', dataIndex: 'received_date', key: 'received_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
-      { title: 'Delivery Date', dataIndex: 'delivery_date', key: 'delivery_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
-    ];
-
-    return (
-      <Table
-        size="small"
-        columns={columns}
-        rowKey={"id"}
-        dataSource={dataResource}
-        pagination={{ position: ["bottomLeft"] }}
-      />
-    )
-  }, [dataResource])
-
-  const closeDialogReq = (type, data) => {
-    if (type == "add") {
-      saveRequestMaterial(data);
-    } else if (type == "edit") {
-      updateRequestMaterial(data);
-    } else {
-      setOpenDialogReq(false);
-      setDataEdit(null)
-    }
-
-  }
-
-  const toggleDialogReq = () => {
-    setOpenDialogReq(!openDialogReq)
-  }
-
-  const openDialogRequest = () => {
-    setOpenDialogReq(true)
-  }
-
-  const saveRequestMaterial = async (data) => {
-    const result = await axios
-      .post(REQUEST_MATERIAL_ADD, data, HEADER)
-      .then(res => res)
-      .catch((error) => error.response);
-
-    if (result && result.data && result.data.code == 200) {
-      getDataRequestMaterial();
-      NotificationManager.success('Data request material berhasill ditambahkan!!', 'Success');
-      setOpenDialogReq(false);
-      setDataEdit(null)
-    } else {
-      NotificationManager.error('Data request material gagal ditambahkan!!', 'Failed');
-    }
-  }
-
-  const updateRequestMaterial = async (data) => {
-    let url = REQUEST_MATERIAL_EDIT(data.id)
-    const result = await axios
-      .put(url, data, HEADER)
-      .then(res => res)
-      .catch((error) => error.response);
-
-    if (result && result.data && result.data.code == 200) {
-      getDataRequestMaterial();
-      NotificationManager.success('Data request material berhasill diedit!!', 'Success');
-      setOpenDialogReq(false);
-      setDataEdit(null)
-    } else {
-      NotificationManager.error('Data request material gagal diedit!!', 'Failed');
-    }
-  }
-
-  const cancelDelete = () => {
-    setAlertDelete(false)
-    setIdDelete(0)
-  }
-
-  const onConfirmDelete = async () => {
-    let urlDel = REQUEST_MATERIAL_DELETE(idDelete)
-    const result = await axios.delete(urlDel, HEADER)
-      .then(res => res)
-      .catch((error) => error.response);
-
-    if (result && result.data && result.data.code === 200) {
-      getDataRequestMaterial()
-      setIdDelete(0)
-      setAlertDelete(false)
-      NotificationManager.success(`Data request material berhasil dihapus`, 'Success!!');
-    } else {
-      setIdDelete(0)
-      setAlertDelete(false)
-      NotificationManager.error(`Data request material gagal dihapus`, 'Failed!!');
-    }
-  }
-
-  return (
-    <>
-      <Modal size="xl" isOpen={openDialog} toggle={toggleDialog}>
-        <ModalHeader className="capitalize withBtn" toggle={closeDialog} style={{ width: "100%" }}>
-          <div>Request Material Resource - {proyekName}</div> <Button onClick={openDialogRequest} size='sm' color="primary"><i className='fa fa-plus'></i></Button>
-        </ModalHeader>
-        <ModalBody>
-          <div style={{ width: '100%', overflow: "auto" }}>
-            {RenderTable}
-          </div>
-        </ModalBody>
-        {/* <ModalFooter>
-          <Button className="capitalize" color="secondary" onClick={() => handleCancel()}>Batal</Button>
-        </ModalFooter> */}
-      </Modal>
-      <NotificationContainer />
-      <SweetAlert
-        show={alertDelete}
-        warning
-        showCancel
-        confirmBtnText="Delete"
-        confirmBtnBsStyle="danger"
-        title={`Are you sure?`}
-        onConfirm={onConfirmDelete}
-        onCancel={() => cancelDelete()}
-        focusCancelBtn
-      >
-        Delete this data
-      </SweetAlert>
-      <DialogRequest
-        openDialog={openDialogReq}
-        closeDialog={closeDialogReq}
-        toggleDialog={toggleDialogReq}
-        idTask={idTask}
-        dataEdit={dataEdit}
-        materialResource={materialResource}
-      />
-    </>
-  )
-
-}
-
-export default DialogFormMaterial;
\ No newline at end of file
+import React, { useEffect, useState, useMemo } from 'react'
+import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
+import { Button } from 'reactstrap';
+import { Table, Tooltip } from 'antd';
+import 'antd/dist/antd.css';
+import moment from 'moment';
+import SweetAlert from 'react-bootstrap-sweetalert';
+import { REQUEST_MATERIAL_SEARCH, REQUEST_MATERIAL_ADD, REQUEST_MATERIAL_DELETE, REQUEST_MATERIAL_EDIT } from '../../../const/ApiConst';
+import axios from "../../../const/interceptorApi"
+import { NotificationContainer, NotificationManager } from 'react-notifications';
+import DialogRequest from './FormRequestMaterial';
+import { renderLabelStatus } from '../../../const/CustomFunc';
+const DialogFormMaterial = ({ openDialog, closeDialog, toggleDialog, idTask, materialResource, proyekName }) => {
+  const token = localStorage.getItem("token")
+  const HEADER = {
+    headers: {
+      "Content-Type": "application/json",
+      "Authorization": `Bearer ${token}`
+    }
+  }
+  const [dataResource, setDataResource] = useState([])
+  const [openDialogReq, setOpenDialogReq] = useState(false)
+  const [alertDelete, setAlertDelete] = useState(false)
+  const [idDelete, setIdDelete] = useState(0)
+  const [dataEdit, setDataEdit] = useState(null)
+
+  useEffect(() => {
+    if (idTask > 0) {
+      // getDataRequestMaterial();
+    }
+  }, [idTask])
+
+  useEffect(() => {
+    if (!openDialog) {
+      setDataResource([]);
+    } else {
+
+    }
+  }, [openDialog])
+
+
+  const getDataRequestMaterial = async () => {
+    const payload = {
+      "columns": [
+        { "name": "description", "logic_operator": "ilike", "value": "", "operator": "AND" },
+        { "name": "proyek_id", "logic_operator": "=", "value": idTask, "operator": "AND" }
+      ],
+      "joins": [],
+      "orders": { "columns": ["id"], "ascending": true },
+      "paging": { "start": 0, "length": 25 }
+    }
+
+    const result = await axios
+      .post(REQUEST_MATERIAL_SEARCH, payload, HEADER)
+      .then(res => res)
+      .catch((error) => error.response);
+    console.log("result", result)
+    if (result && result.status == 200) {
+      setDataResource(result.data.data);
+    } else {
+
+    }
+  }
+
+  const handleCancel = () => {
+    setDataResource([]);
+    setDataEdit(null)
+    closeDialog('cancel', 'none')
+  }
+
+  const handleDelete = (id) => {
+    setIdDelete(id)
+    setAlertDelete(true)
+  }
+
+  const handleEdit = async (data) => {
+    await setDataEdit(data)
+    setOpenDialogReq(true)
+  }
+
+  const RenderTable = useMemo(() => {
+    const columns = [
+      {
+        title: 'Action',
+        dataIndex: '',
+        key: 'id',
+        className: "nowrap",
+        render: (text, record) => <>
+
+          {text.status == "fom" ? <><Tooltip title="Delete Request Resource">
+            <Button size="small" size={"sm"} color='danger' onClick={() => handleDelete(text.id)}><i className="fa fa-trash"></i></Button>
+          </Tooltip>{" "}<Tooltip title="Edit Request Resource">
+              <Button size="small" size={"sm"} color='primary' onClick={() => handleEdit(text)}><i className="fa fa-edit"></i></Button>
+            </Tooltip></> : "-"}
+        </>,
+      },
+      { title: 'Status', dataIndex: 'status', key: 'status', render: (text, record) => renderLabelStatus(text) },
+      { title: 'Description', dataIndex: 'description', key: 'description' },
+      { title: 'Required Date', dataIndex: 'required_date', key: 'required_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{moment(text).format("D-M-YYYY")}</div>) },
+      { title: 'QTY', dataIndex: 'qty', key: 'qty', render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? text : "-"}</div>) },
+      { title: 'UOM', dataIndex: 'uom', key: 'uom', render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? text : "-"}</div>) },
+      { title: 'QTY Received', dataIndex: 'qty_received', key: 'qty_received', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? text : "-"}</div>) },
+      { title: 'FOM Date', dataIndex: 'fom_date', key: 'fom_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{moment(text).format("D-M-YYYY")}</div>) },
+      { title: 'PR Date', dataIndex: 'pr_date', key: 'pr_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
+      { title: 'PO Date', dataIndex: 'po_date', key: 'po_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
+      { title: 'Received Date', dataIndex: 'received_date', key: 'received_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
+      { title: 'Delivery Date', dataIndex: 'delivery_date', key: 'delivery_date', className: "nowrap", render: (text, record) => (<div style={{ whiteSpace: "nowrap" }}>{text ? moment(text).format("D-M-YYYY") : "-"}</div>) },
+    ];
+
+    return (
+      <Table
+        size="small"
+        columns={columns}
+        rowKey={"id"}
+        dataSource={dataResource}
+        pagination={{ position: ["bottomLeft"] }}
+      />
+    )
+  }, [dataResource])
+
+  const closeDialogReq = (type, data) => {
+    if (type == "add") {
+      saveRequestMaterial(data);
+    } else if (type == "edit") {
+      updateRequestMaterial(data);
+    } else {
+      setOpenDialogReq(false);
+      setDataEdit(null)
+    }
+
+  }
+
+  const toggleDialogReq = () => {
+    setOpenDialogReq(!openDialogReq)
+  }
+
+  const openDialogRequest = () => {
+    setOpenDialogReq(true)
+  }
+
+  const saveRequestMaterial = async (data) => {
+    const result = await axios
+      .post(REQUEST_MATERIAL_ADD, data, HEADER)
+      .then(res => res)
+      .catch((error) => error.response);
+
+    if (result && result.data && result.data.code == 200) {
+      getDataRequestMaterial();
+      NotificationManager.success('Data request material berhasill ditambahkan!!', 'Success');
+      setOpenDialogReq(false);
+      setDataEdit(null)
+    } else {
+      NotificationManager.error('Data request material gagal ditambahkan!!', 'Failed');
+    }
+  }
+
+  const updateRequestMaterial = async (data) => {
+    let url = REQUEST_MATERIAL_EDIT(data.id)
+    const result = await axios
+      .put(url, data, HEADER)
+      .then(res => res)
+      .catch((error) => error.response);
+
+    if (result && result.data && result.data.code == 200) {
+      getDataRequestMaterial();
+      NotificationManager.success('Data request material berhasill diedit!!', 'Success');
+      setOpenDialogReq(false);
+      setDataEdit(null)
+    } else {
+      NotificationManager.error('Data request material gagal diedit!!', 'Failed');
+    }
+  }
+
+  const cancelDelete = () => {
+    setAlertDelete(false)
+    setIdDelete(0)
+  }
+
+  const onConfirmDelete = async () => {
+    let urlDel = REQUEST_MATERIAL_DELETE(idDelete)
+    const result = await axios.delete(urlDel, HEADER)
+      .then(res => res)
+      .catch((error) => error.response);
+
+    if (result && result.data && result.data.code === 200) {
+      getDataRequestMaterial()
+      setIdDelete(0)
+      setAlertDelete(false)
+      NotificationManager.success(`Data request material berhasil dihapus`, 'Success!!');
+    } else {
+      setIdDelete(0)
+      setAlertDelete(false)
+      NotificationManager.error(`Data request material gagal dihapus`, 'Failed!!');
+    }
+  }
+
+  return (
+    <>
+      <Modal size="xl" isOpen={openDialog} toggle={toggleDialog}>
+        <ModalHeader className="capitalize withBtn" toggle={closeDialog} style={{ width: "100%" }}>
+          <div>Request Material Resource - {proyekName}</div> <Button onClick={openDialogRequest} size='sm' color="primary"><i className='fa fa-plus'></i></Button>
+        </ModalHeader>
+        <ModalBody>
+          <div style={{ width: '100%', overflow: "auto" }}>
+            {RenderTable}
+          </div>
+        </ModalBody>
+        {/* <ModalFooter>
+          <Button className="capitalize" color="secondary" onClick={() => handleCancel()}>Batal</Button>
+        </ModalFooter> */}
+      </Modal>
+      <NotificationContainer />
+      <SweetAlert
+        show={alertDelete}
+        warning
+        showCancel
+        confirmBtnText="Delete"
+        confirmBtnBsStyle="danger"
+        title={`Are you sure?`}
+        onConfirm={onConfirmDelete}
+        onCancel={() => cancelDelete()}
+        focusCancelBtn
+      >
+        Delete this data
+      </SweetAlert>
+      <DialogRequest
+        openDialog={openDialogReq}
+        closeDialog={closeDialogReq}
+        toggleDialog={toggleDialogReq}
+        idTask={idTask}
+        dataEdit={dataEdit}
+        materialResource={materialResource}
+      />
+    </>
+  )
+
+}
+
+export default DialogFormMaterial;
diff --git a/src/views/SimproV2/CreatedProyek/index.js b/src/views/SimproV2/CreatedProyek/index.js
index 2c0180b..a26c26c 100644
--- a/src/views/SimproV2/CreatedProyek/index.js
+++ b/src/views/SimproV2/CreatedProyek/index.js
@@ -71,6 +71,7 @@ import DialogGantt from "./DialogGantt";
 import DialogHierarchy from "./DialogHierarchy";
 // import DialogAsignHr from './AsignHrProject';
 import AssignHrProject from "./AsignHrProject";
+import AssignCustProject from "./AsignCustProject";
 import AssignK3Project from "./AssignK3Project";
 import ViewProject from "./ViewProject";
 import { Icon } from "@iconify/react";
@@ -106,6 +107,7 @@ const CreatedProyek = ({ params, ...props }) => {
   const [openDialogGantt, setOpenDialogGantt] = useState(false);
   const [openDialogHierarchy, setOpenDialogHierarchy] = useState(false);
   const [openDialogAsignHR, setOpenDialogAsignHR] = useState(false);
+  const [openDialogAsignCust, setOpenDialogAsignCust] = useState(false);
   const [openDialogAssignK3, setOpenDialogAssignK3] = useState(false);
   const [dataK3, setDataK3] = useState([]); // transfer list
   const [idDelete, setIdDelete] = useState(0);
@@ -469,6 +471,12 @@ const CreatedProyek = ({ params, ...props }) => {
     setOpenDialogAsignHR(true);
   };
 
+  const handleOpenAsignCust = (data) => {
+    setidTask(data.id);
+    setProyekName(data.nama);
+    setOpenDialogAsignCust(true);
+  };
+
   const handleOpenAssignK3 = (data) => {
     setidTask(data.id);
     setProyekName(data.nama);
@@ -1045,6 +1053,12 @@ const CreatedProyek = ({ params, ...props }) => {
           </span>
           <span className="menu-text">Assign Human Resource</span>
         </div>
+        <div className="menu-list" onClick={() => handleOpenAsignCust(text)}>
+          <span className="menu-icon">
+            <i className="fa fa-user-circle-o"></i>
+          </span>
+          <span className="menu-text">Assign Customer</span>
+        </div>
         <div className="menu-list" onClick={() => handleOpenAssignK3(text)}>
           <span className="menu-icon">
             <i className="fa fa-plus-circle"></i>
@@ -1277,6 +1291,11 @@ const CreatedProyek = ({ params, ...props }) => {
     setOpenDialogAsignHR(false);
   };
 
+  const handleCloseDialogAsignCust = () => {
+    setidTask(0);
+    setOpenDialogAsignCust(false);
+  };
+
   const handleCloseDialogAssignK3 = (status) => {
     if (status == "success") {
       NotificationManager.success(
@@ -1384,6 +1403,21 @@ const CreatedProyek = ({ params, ...props }) => {
     [openDialogAsignHR]
   );
 
+  // DialogAsignCust
+  const RenderDialogAsignCust = useMemo(
+    () => (
+      <AssignCustProject
+        openDialog={openDialogAsignCust}
+        closeDialog={() => setOpenDialogAsignCust(false)}
+        toggleDialog={() => setOpenDialogAsignCust(!openDialogAsignCust)}
+        handleClose={handleCloseDialogAsignCust}
+        idTask={idTask}
+        proyekName={proyekName}
+      />
+    ),
+    [openDialogAsignCust]
+  );
+
   // DialogAssignK3
   const RenderDialogAssignK3 = useMemo(
     () => (
@@ -1484,6 +1518,7 @@ const CreatedProyek = ({ params, ...props }) => {
       {renderDialogGantt}
       {renderDialogHierarchy}
       {RenderDialogAsignHr}
+      {RenderDialogAsignCust}
       {RenderDialogAssignK3}
       <Card>
         <CardHeader