diff --git a/frontend/pages/SoftwarePage/components/tables/VersionCell/VersionCell.tsx b/frontend/pages/SoftwarePage/components/tables/VersionCell/VersionCell.tsx index 3143eb32ba..cf3ebe4e67 100644 --- a/frontend/pages/SoftwarePage/components/tables/VersionCell/VersionCell.tsx +++ b/frontend/pages/SoftwarePage/components/tables/VersionCell/VersionCell.tsx @@ -1,16 +1,8 @@ import React from "react"; - import TextCell from "components/TableContainer/DataTable/TextCell"; import TooltipWrapper from "components/TooltipWrapper"; - -const generateText = (versions: T[] | null) => { - if (!versions) { - return ; - } - const text = - versions.length !== 1 ? `${versions.length} versions` : versions[0].version; - return ; -}; +import TooltipTruncatedTextCell from "components/TableContainer/DataTable/TooltipTruncatedTextCell"; +import { DEFAULT_EMPTY_CELL_VALUE } from "utilities/constants"; interface IVersionCellProps { versions: T[] | null; @@ -19,12 +11,15 @@ interface IVersionCellProps { const VersionCell = ({ versions, }: IVersionCellProps) => { - // only one version, no need for tooltip - const cellText = generateText(versions); - if (!versions || versions.length <= 1) { - return <>{cellText}; + if (!versions || versions.length === 0) { + return ; } + if (versions.length === 1) { + return ; + } + + // Multiple versions: show count, tooltip with versions list return ( {versions.map((version) => version.version).join(", ")}} @@ -33,7 +28,7 @@ const VersionCell = ({ showArrow underline={false} > - {cellText} + ); };