updated routes affected by the host details route change

src/components/IOC/IOCLiveStatus/IOCLiveStatus.js

@@ -48,7 +48,7 @@ export function IOCLiveStatus({ ioc }) {
           <Typography>
             {ioc.activeDeployment?.host.hostId ? (
               <InternalLink
-                to={`/hosts/${ioc.activeDeployment?.host.hostId}`}
+                to={`/hosts/${ioc.activeDeployment?.host.hostId}/${ioc.activeDeployment?.host.fqdn}`}
                 label={`Host details, ${ioc.activeDeployment?.host.fqdn}`}
               >
                 {ioc.activeDeployment?.host.fqdn}

src/components/IOC/IOCTable/IOCTable.js

@@ -73,7 +73,7 @@ function createHostLink(host) {
   if (host?.hostId) {
     return (
       <InternalLink
-        to={`/hosts/${host?.hostId}`}
+        to={`/hosts/${host?.hostId}/${host.fqdn}`}
         label={`Host details, ${host?.hostName}`}
         width="100%"
       >

src/components/Job/JobDetails.js

@@ -35,7 +35,7 @@ const calculateHostText = (operation) => {
   if (operation.host.hostId && operation.host.externalIdValid) {
     return (
       <InternalLink
-        to={`/hosts/${operation.host.hostId}`}
+        to={`/hosts/${operation.host.hostId}/${operation.host.fqdn}`}
         label={`Host Details, ${operation.host.fqdn}`}
       >
         {operation.host.fqdn}

src/components/Job/JobTable/JobHostColumn.js

@@ -7,7 +7,7 @@ export const JobHostColumn = ({ job }) => {
     return (
       <Stack>
         <InternalLink
-          to={`/hosts/${job?.host?.hostId}`}
+          to={`/hosts/${job?.host?.hostId}/${job?.host?.fqdn}`}
           label={`Host details, ${job.host?.hostName}`}
         >
           {job.host.hostName}

src/components/host/HostTable.js

@@ -22,7 +22,7 @@ export function createRow(host) {
     status: <HostStatus hostId={host.hostId} />,
     hostName: (
       <InternalLink
-        to={`/hosts/${host.hostId}`}
+        to={`/hosts/${host.hostId}/${host.fqdn}`}
         label={`Host details, ${host.name}`}
         width="100%"
       >

src/components/records/RecordHostLink.js

@@ -28,7 +28,7 @@ function createHostLink(fqdn, hostInfo) {
   if (hostInfo) {
     return (
       <InternalLink
-        to={`/hosts/${hostInfo.hostId}`}
+        to={`/hosts/${hostInfo.hostId}/${fqdn}`}
         label={`Record host details, ${fqdn}}`}
         width="100%"
       >

src/views/host/details/HostDetailsAccessControl.js

@@ -5,12 +5,15 @@ import { HostDetailsContainer } from "./HostDetailsContainer";
 import { useParams } from "react-router-dom";
 
 export function HostDetailsAccessControl() {
-  const { id } = useParams();
+  const { id, fqdn } = useParams();
 
   return (
     <RootPaper data-testid="host-details-container">
       <AccessControl allowedRoles={[]}>
-        <HostDetailsContainer hostId={id} />
+        <HostDetailsContainer
+          hostId={id}
+          hostFqdn={fqdn}
+        />
       </AccessControl>
     </RootPaper>
   );

src/views/records/RecordDetailsView.js

@@ -100,7 +100,7 @@ export function RecordDetailsView() {
       Host: record.hostId ? (
         <Typography>
           <InternalLink
-            to={`/hosts/${record.hostId}`}
+            to={`/hosts/${record.hostId}/${record?.hostName}`}
             label={`Host details, ${record?.hostName}`}
           >
             {record?.hostName}