Merge branch 'CE-2451-shorten-fqdn-to-hostname' into 'develop'

CE-2451: Shorten fqdn hostname, display only first part

See merge request !449

src/components/records/RecordHostLink.js

@@ -13,6 +13,32 @@ function createRequest(fqdn) {
   };
 }
 
+function shortenFqdn(fqdn) {
+  return fqdn.split(".")[0];
+}
+
+function createHostLink(fqdn, hostInfo) {
+  // if the fqdn field is empty for some reason
+  if (fqdn === null || fqdn.trim() === "") {
+    return <Typography>{"---"}</Typography>;
+  }
+
+  // create host link only if the host exists in CSEntry
+  if (hostInfo) {
+    return (
+      <InternalLink
+        to={`/hosts/${hostInfo.externalId}`}
+        label={`Record host details, ${fqdn}}`}
+        width="100%"
+      >
+        <EllipsisText>{shortenFqdn(fqdn)}</EllipsisText>
+      </InternalLink>
+    );
+  }
+
+  return <Typography>{fqdn}</Typography>;
+}
+
 export const RecordHostLink = ({ fqdn }) => {
   const client = useContext(apiContext);
 
@@ -27,28 +53,6 @@ export const RecordHostLink = ({ fqdn }) => {
     params
   });
 
-  function createHostLink() {
-    // if the fqdn field is empty for some reason
-    if (fqdn === null || fqdn.trim() === "") {
-      return <Typography>{"---"}</Typography>;
-    }
-
-    // create host link only if the host exists in CSEntry
-    if (hostInfo) {
-      return (
-        <InternalLink
-          to={`/hosts/${hostInfo.externalId}`}
-          label={`Record host details, ${fqdn}`}
-          width="100%"
-        >
-          <EllipsisText>{fqdn}</EllipsisText>
-        </InternalLink>
-      );
-    }
-
-    return <Typography>{fqdn}</Typography>;
-  }
-
   return (
     <Grid
       container
@@ -56,7 +60,11 @@ export const RecordHostLink = ({ fqdn }) => {
       justifyContent="center"
       alignItems="center"
     >
-      {loading || !dataReady ? <Skeleton width="100%" /> : createHostLink()}
+      {loading || !dataReady ? (
+        <Skeleton width="100%" />
+      ) : (
+        createHostLink(fqdn, hostInfo)
+      )}
     </Grid>
   );
 };