diff --git a/assets/images/install-software-preview.png b/assets/images/install-software-preview.png index ea0647dcdb..258c7479a9 100644 Binary files a/assets/images/install-software-preview.png and b/assets/images/install-software-preview.png differ diff --git a/frontend/components/TableContainer/DataTable/SoftwareNameCell/_styles.scss b/frontend/components/TableContainer/DataTable/SoftwareNameCell/_styles.scss index 0b9ede8371..a473f74a9c 100644 --- a/frontend/components/TableContainer/DataTable/SoftwareNameCell/_styles.scss +++ b/frontend/components/TableContainer/DataTable/SoftwareNameCell/_styles.scss @@ -12,6 +12,11 @@ height: 24px; } + .software-name { + @include ellipse-text(); + max-width: 250px; + } + &__install-icon { // TODO: we do not want to use !important but have to for now. This is // the same issue as the .software-name-cell class display value. diff --git a/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/InstallSoftware.tsx b/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/InstallSoftware.tsx index 3486ce2d0d..99be0fe088 100644 --- a/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/InstallSoftware.tsx +++ b/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/InstallSoftware.tsx @@ -5,7 +5,7 @@ import { AxiosError } from "axios"; import mdmAPI, { IGetSetupExperienceSoftwareResponse, } from "services/entities/mdm"; -import { ISoftwareTitle } from "interfaces/software"; +import software, { ISoftwareTitle } from "interfaces/software"; import { DEFAULT_USE_QUERY_OPTIONS } from "utilities/constants"; import SectionHeader from "components/SectionHeader"; diff --git a/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/InstallSoftwarePreview/InstallSoftwarePreview.tsx b/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/InstallSoftwarePreview/InstallSoftwarePreview.tsx index 247fde37e6..f2ac78cdd1 100644 --- a/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/InstallSoftwarePreview/InstallSoftwarePreview.tsx +++ b/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/InstallSoftwarePreview/InstallSoftwarePreview.tsx @@ -11,13 +11,13 @@ const InstallSoftwarePreview = () => {

End user experience

- When the end user completes the macOS Setup Assistant, they will see - software being installed. User will not be able to continue until - software completes installation. + After the Remote Management screen, the end user will see + software being installed. They will not be able to continue until + software is installed.

- If there are any installation errors, the end user will be able to - continue and will be instructed to contact their IT department. + If there are any errors, they will be able to continue and will be + instructed to contact their IT admin.

{ + if (softwareTitles.length === 0) { + return <>; + } + + return ; + }, [softwareTitles]); + return ( )} + renderCount={renderCount} defaultSelectedRows={initialSelectedSoftwareRows} showMarkAllPages isAllPagesSelected={false} diff --git a/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/SelectSoftwareTable/_styles.scss b/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/SelectSoftwareTable/_styles.scss index 2268c4a8ae..2ae06f0643 100644 --- a/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/SelectSoftwareTable/_styles.scss +++ b/frontend/pages/ManageControlsPage/SetupExperience/cards/InstallSoftware/components/SelectSoftwareTable/_styles.scss @@ -1,3 +1,7 @@ .select-software-table { + .data-table.data-table__wrapper { + max-height: 343px; + overflow-y: auto; + } } diff --git a/frontend/pages/ManageControlsPage/SetupExperience/cards/SetupExperienceScript/components/SetupExperienceScriptPreview/SetupExperienceScriptPreview.tsx b/frontend/pages/ManageControlsPage/SetupExperience/cards/SetupExperienceScript/components/SetupExperienceScriptPreview/SetupExperienceScriptPreview.tsx index 6aa9181fa9..ea05cdd386 100644 --- a/frontend/pages/ManageControlsPage/SetupExperience/cards/SetupExperienceScript/components/SetupExperienceScriptPreview/SetupExperienceScriptPreview.tsx +++ b/frontend/pages/ManageControlsPage/SetupExperience/cards/SetupExperienceScript/components/SetupExperienceScriptPreview/SetupExperienceScriptPreview.tsx @@ -11,13 +11,12 @@ const SetupExperienceScriptPreview = () => {

End user experience

- When the end user completes the macOS Setup Assistant, they will see - scripts being run. User will not be able to continue until scripts - complete. + After software is installed, the end user will see the script being run. + They will not be able to continue until the script runs.

- If there are any errors, the end user will be able to continue and will - be instructed to contact their IT department. + If there are any errors, they will be able to continue and will be + instructed to contact their IT admin.