Implemented issue create modal, further polish

client/src/Project/Board/index.jsx

@@ -1,16 +1,12 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { Route, useRouteMatch, useHistory } from 'react-router-dom';
 
-import { Modal } from 'shared/components';
 import Header from './Header';
 import Filters from './Filters';
 import Lists from './Lists';
-import IssueDetails from './IssueDetails';
 
 const propTypes = {
   project: PropTypes.object.isRequired,
-  fetchProject: PropTypes.func.isRequired,
   updateLocalIssuesArray: PropTypes.func.isRequired,
 };
 
@@ -21,11 +17,8 @@ const defaultFilters = {
   recent: false,
 };
 
-const ProjectBoard = ({ project, fetchProject, updateLocalIssuesArray }) => {
-  const match = useRouteMatch();
-  const history = useHistory();
+const ProjectBoard = ({ project, updateLocalIssuesArray }) => {
   const [filters, setFilters] = useState(defaultFilters);
-
   return (
     <>
       <Header projectName={project.name} />
@@ -36,26 +29,6 @@ const ProjectBoard = ({ project, fetchProject, updateLocalIssuesArray }) => {
         setFilters={setFilters}
       />
       <Lists project={project} filters={filters} updateLocalIssuesArray={updateLocalIssuesArray} />
-      <Route
-        path={`${match.path}/:issueId`}
-        render={({ match: { params } }) => (
-          <Modal
-            isOpen
-            width={1040}
-            withCloseIcon={false}
-            onClose={() => history.push(match.url)}
-            renderContent={modal => (
-              <IssueDetails
-                issueId={params.issueId}
-                projectUsers={project.users}
-                fetchProject={fetchProject}
-                updateLocalIssuesArray={updateLocalIssuesArray}
-                modalClose={modal.close}
-              />
-            )}
-          />
-        )}
-      />
     </>
   );
 };