From 06423e64e4d0f83650ce114b04a3e613fe8bbd0f Mon Sep 17 00:00:00 2001
From: Imre Toth <imre.toth@ess.eu>
Date: Thu, 17 Nov 2022 12:32:05 +0000
Subject: [PATCH] Icshwi 10611 truncating reference on ioc list page
---
src/components/IOC/IOCTable.js | 10 ++++++++--
src/components/IOC/IOCTable.spec.js | 2 +-
2 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/src/components/IOC/IOCTable.js b/src/components/IOC/IOCTable.js
index 5f217215..5ca1d16f 100644
--- a/src/components/IOC/IOCTable.js
+++ b/src/components/IOC/IOCTable.js
@@ -1,6 +1,6 @@
import React, { useCallback } from 'react';
import { CustomTable } from "../common/table/CustomTable";
-import { Grid, Tooltip } from "@material-ui/core";
+import { Grid, Tooltip, Typography } from "@material-ui/core";
import { IOCStatusIcon } from './IOCIcons';
import { noWrapText } from '../common/Helper';
import { useRedirect } from '../../hooks/Redirect';
@@ -29,11 +29,17 @@ const hostDetailsColumns = [
]
function createGitVersionField(version, shortVersion) {
+ const versionText = shortVersion ?? version;
return (
<>
{version ?
<Tooltip title={version} arrow enterDelay={400}>
- <label>{noWrapText(shortVersion ?? version)}</label>
+ <Typography style={{ fontFamily: "monospace",
+ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap"}}>
+ { versionText?.length > 10 ?
+ `${versionText.substring(0, 10)}...` : versionText
+ }
+ </Typography>
</Tooltip>
: "---"
}
diff --git a/src/components/IOC/IOCTable.spec.js b/src/components/IOC/IOCTable.spec.js
index d45eecb5..5455f417 100644
--- a/src/components/IOC/IOCTable.spec.js
+++ b/src/components/IOC/IOCTable.spec.js
@@ -25,7 +25,7 @@ describe("HostTable", () => {
it("Truncates all text content", () => {
cy.get("tbody > tr").first()
.find(".MuiTypography-noWrap")
- .should("have.length", textColumns.length)
+ .should("have.length", textColumns.length - 1)
})
it("Displays correct content in first row", () => {
--
GitLab