split findHostWithStatusById into two separate calls

src/views/host/details/HostDetailsContainer.js

@@ -6,35 +6,52 @@ import NotFoundView from "../../../components/navigation/NotFoundView/NotFoundVi
 import { apiContext } from "../../../api/DeployApi";
 import { useAPIMethod } from "@ess-ics/ce-ui-common";
 
-export function HostDetailsContainer({ hostId }) {
+export function HostDetailsContainer({ hostId, hostFqdn }) {
   const [error, setError] = useState(null);
   const client = useContext(apiContext);
 
-  const params = useMemo(
+  const statusParams = useMemo(
     () => ({
       host_id: hostId
     }),
     [hostId]
   );
 
+  const hostParams = useMemo(
+    () => ({
+      fqdn: hostFqdn
+    }),
+    [hostFqdn]
+  );
+
   const { value: host, error: fetchError } = useAPIMethod({
-    fcn: client.apis.Hosts.findHostWithStatusById,
-    params
+    fcn: client.apis.Hosts.findNetBoxHostByFqdn,
+    params: hostParams
+  });
+
+  const { value: status, error: statusError } = useAPIMethod({
+    fcn: client.apis.Hosts.findHostStatus,
+    params: statusParams
   });
 
   useEffect(() => {
-    if (fetchError) {
-      onFetchEntityError(fetchError?.message, fetchError?.status, setError);
+    if (fetchError || statusError) {
+      const message = fetchError.message
+        ? fetchError.message
+        : statusError.message;
+      const status = fetchError.status ? fetchError.status : statusError.status;
+      onFetchEntityError(message, status, setError);
     }
-  }, [fetchError]);
+  }, [fetchError, statusError]);
 
   return (
     <>
       {error ? (
         <NotFoundView />
-      ) : host ? (
+      ) : host && status ? (
         <HostDetailsView
           host={host}
+          status={status}
           hostId={hostId}
         />
       ) : (