+ Created at {formatDateTimeConversational(issue.createdAt)}
+ Updated at {formatDateTimeConversational(issue.updatedAt)}
+
+);
+
+ProjectBoardIssueDetailsDates.propTypes = propTypes;
+
+export default ProjectBoardIssueDetailsDates;
diff --git a/client/src/Project/Board/IssueDetails/Delete.jsx b/client/src/Project/Board/IssueDetails/Delete.jsx
new file mode 100644
index 0000000..cd31f6d
--- /dev/null
+++ b/client/src/Project/Board/IssueDetails/Delete.jsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import api from 'shared/utils/api';
+import toast from 'shared/utils/toast';
+import { Button, ConfirmModal } from 'shared/components';
+
+const propTypes = {
+ issue: PropTypes.object.isRequired,
+ fetchProject: PropTypes.func.isRequired,
+ modalClose: PropTypes.func.isRequired,
+};
+
+const ProjectBoardIssueDetailsDelete = ({ issue, fetchProject, modalClose }) => {
+ const handleIssueDelete = async () => {
+ try {
+ await api.delete(`/issues/${issue.id}`);
+ await fetchProject();
+ modalClose();
+ } catch (error) {
+ toast.error(error);
+ }
+ };
+ return (
+