diff --git a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/AppleMdmPage.tsx b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/AppleMdmPage.tsx index cd19eaea347..688b4eee74d 100644 --- a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/AppleMdmPage.tsx +++ b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/AppleMdmPage.tsx @@ -133,6 +133,7 @@ const AppleMdmPage = ({ router }: { router: InjectedRouter }) => { )} {showTurnOffMdmModal && ( diff --git a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/components/modals/TurnOffAppleMdmModal/TurnOffAppleMdmModal.tsx b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/components/modals/TurnOffAppleMdmModal/TurnOffAppleMdmModal.tsx index cf83d11ea45..ea9c233f85b 100644 --- a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/components/modals/TurnOffAppleMdmModal/TurnOffAppleMdmModal.tsx +++ b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleMdmPage/components/modals/TurnOffAppleMdmModal/TurnOffAppleMdmModal.tsx @@ -1,21 +1,25 @@ import React, { useCallback, useState } from "react"; import Button from "components/buttons/Button"; - +import InputField from "components/forms/fields/InputField"; import Modal from "components/Modal"; const baseClass = "modal turn-off-apple-mdm-modal"; +const bemClass = "turn-off-apple-mdm-modal"; interface ITurnOffAppleMdmModalProps { + serverUrl: string; onCancel: () => void; onConfirm: () => void; } const TurnOffAppleMdmModal = ({ + serverUrl, onConfirm, onCancel, }: ITurnOffAppleMdmModalProps): JSX.Element => { const [isDeleting, setIsDeleting] = useState(false); + const [enteredUrl, setEnteredUrl] = useState(""); const onClickConfirm = useCallback(() => { setIsDeleting(true); @@ -25,16 +29,28 @@ const TurnOffAppleMdmModal = ({ return (
- If you want to use MDM features again, you'll have to upload a new - APNs certificate and all end users will have to turn MDM off and back - on. +

+ If you want to use MDM features again, you'll have to upload a + new APNs certificate and all end users will have to turn MDM off and + back on. +

+

+ To confirm, enter your Fleet URL: {serverUrl} +

+ setEnteredUrl(val)} + />