diff --git a/src/components/Organizations/Projects/index.js b/src/components/Organizations/Projects/index.js
index a40eec5f..0b904612 100644
--- a/src/components/Organizations/Projects/index.js
+++ b/src/components/Organizations/Projects/index.js
@@ -13,7 +13,14 @@ import { IconDashboard } from '../CustomIcons/OrganizationIcons';
import { DeleteButton } from '../Groups/Styles';
import NewProject from '../NewProject';
import PaginatedTable from '../PaginatedTable/PaginatedTable';
-import { Footer, RemoveModalHeader, RemoveModalParagraph, TableActions, Tag } from '../SharedStyles';
+import {
+ Footer,
+ RemoveModalConfirmInput,
+ RemoveModalHeader,
+ RemoveModalParagraph,
+ TableActions,
+ Tag,
+} from '../SharedStyles';
import { ProjectDashboard, StyledOrgProjects } from './Styles';
const DELETE_PROJECT = gql`
@@ -29,6 +36,7 @@ const OrgProjects = ({ projects = [], organizationId, organizationName, refresh,
const [modalState, setModalState] = useState({
open: false,
current: null,
+ confirmValue: '',
});
const Columns = [
@@ -106,9 +114,19 @@ const OrgProjects = ({ projects = [], organizationId, organizationName, refresh,
>
Are you sure?
- This action will delete project {project.name} from Lagoon and the organization.
+ This action will delete project {project.name} from Lagoon and the
+ organization.
+ Type the name of the project to confirm.
+
+ {
+ setModalState({ ...modalState, confirmValue: e.target.value });
+ }}
+ />
+