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 }); + }} + /> +