diff --git a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/DeleteSoftwareModal.tsx b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/DeleteSoftwareModal.tsx index 0dd80fd42e..883ec4e7f6 100644 --- a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/DeleteSoftwareModal.tsx +++ b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/DeleteSoftwareModal/DeleteSoftwareModal.tsx @@ -19,7 +19,8 @@ const DELETE_SW_INSTALLED_DURING_SETUP_ERROR_MSG = interface IDeleteSoftwareModalProps { softwareId: number; teamId: number; - softwareInstallerName?: string; + softwareTitleName?: string; + softwareDisplayName?: string; onExit: () => void; onSuccess: () => void; gitOpsModeEnabled?: boolean; @@ -28,7 +29,8 @@ interface IDeleteSoftwareModalProps { const DeleteSoftwareModal = ({ softwareId, teamId, - softwareInstallerName, + softwareTitleName, + softwareDisplayName, onExit, onSuccess, gitOpsModeEnabled, @@ -71,21 +73,24 @@ const DeleteSoftwareModal = ({ )}

- Software won't be uninstalled from existing hosts, but any - pending installs and uninstalls{" "} - {softwareInstallerName ? ( - <> - for {softwareInstallerName}{" "} - - ) : ( - "" - )} - will be canceled. -

-

- Installs or uninstalls currently running on a host will still - complete, but results won't appear in Fleet. + Are you sure you want to delete{" "} + {softwareDisplayName || softwareTitleName}?

+

You cannot undo this action.

)} - +
{!!type && } diff --git a/frontend/pages/SoftwarePage/components/cards/SoftwareDetailsSummary/_styles.scss b/frontend/pages/SoftwarePage/components/cards/SoftwareDetailsSummary/_styles.scss index 0842e09ede..7959a23d81 100644 --- a/frontend/pages/SoftwarePage/components/cards/SoftwareDetailsSummary/_styles.scss +++ b/frontend/pages/SoftwarePage/components/cards/SoftwareDetailsSummary/_styles.scss @@ -10,20 +10,25 @@ &__info { flex-grow: 1; align-self: center; + min-width: 0; // Required to truncate name with edit icon .truncated-tooltip { font-weight: $regular; } } - h1 { - font-size: $pad-large; - font-weight: bold; + &__title-edit-icon { display: flex; align-items: center; gap: $pad-medium; } + h1 { + font-size: $pad-large; + font-weight: bold; + overflow: hidden; // Required to truncate name with edit icon + } + &__description-list { display: flex; flex-direction: row; diff --git a/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/InstallSoftwareModal.tsx b/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/InstallSoftwareModal.tsx index e89d7760a2..b8bcb1d9fb 100644 --- a/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/InstallSoftwareModal.tsx +++ b/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/InstallSoftwareModal.tsx @@ -150,7 +150,7 @@ const InstallSoftwareModal = ({ const foundTitle = titlesAvailableForInstall?.find( (title) => title.id === value ); - return foundTitle ? foundTitle.name : ""; + return foundTitle ? foundTitle.display_name || foundTitle.name : ""; }; return { @@ -171,7 +171,7 @@ const InstallSoftwareModal = ({ ) .map((title) => { return { - label: title.name, + label: title.display_name || title.name, value: title.id, helpText: generateSoftwareOptionHelpText(title), }; @@ -205,7 +205,7 @@ const InstallSoftwareModal = ({ if (currentSoftware) { options = [ { - label: currentSoftware.name, + label: currentSoftware.display_name || currentSoftware.name, value: currentSoftware.id, helpText: generateSoftwareOptionHelpText(currentSoftware), },