From 8196fd0117ab4c11dd657eee4a037304b88b5531 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 8 Nov 2021 14:19:50 -0800
Subject: [PATCH] Host Details Page: No CTA for policies that have unknown
 status (#2841)

---
 ...ue-2809-host-details-policy-unknown-no-cta |  1 +
 .../HostPoliciesTableConfig.tsx               | 34 +++++++++++--------
 .../pages/hosts/HostDetailsPage/_styles.scss  |  4 +++
 3 files changed, 24 insertions(+), 15 deletions(-)
 create mode 100644 changes/issue-2809-host-details-policy-unknown-no-cta

diff --git a/changes/issue-2809-host-details-policy-unknown-no-cta b/changes/issue-2809-host-details-policy-unknown-no-cta
new file mode 100644
index 0000000000..180a420c7a
--- /dev/null
+++ b/changes/issue-2809-host-details-policy-unknown-no-cta
@@ -0,0 +1 @@
+* When a host's policy status is unknown, there is no CTA to filter hosts by unknown policy status
\ No newline at end of file
diff --git a/frontend/pages/hosts/HostDetailsPage/HostPoliciesTable/HostPoliciesTableConfig.tsx b/frontend/pages/hosts/HostDetailsPage/HostPoliciesTable/HostPoliciesTableConfig.tsx
index 645230437a..6e149fa71c 100644
--- a/frontend/pages/hosts/HostDetailsPage/HostPoliciesTable/HostPoliciesTableConfig.tsx
+++ b/frontend/pages/hosts/HostDetailsPage/HostPoliciesTable/HostPoliciesTableConfig.tsx
@@ -95,21 +95,25 @@ const generatePolicyTableHeaders = (
       disableSortBy: true,
       Cell: (cellProps) => {
         return (
-          <Link
-            to={
-              PATHS.MANAGE_HOSTS +
-              TAGGED_TEMPLATES.hostsByPolicyRoute(
-                cellProps.row.original.id,
-                cellProps.row.original.response === "pass"
-                  ? PolicyResponse.PASSING
-                  : PolicyResponse.FAILING
-              )
-            }
-            className={`policy-link`}
-          >
-            View all hosts{" "}
-            <img alt="link to hosts filtered by policy ID" src={Chevron} />
-          </Link>
+          <>
+            {cellProps.row.original.response && (
+              <Link
+                to={
+                  PATHS.MANAGE_HOSTS +
+                  TAGGED_TEMPLATES.hostsByPolicyRoute(
+                    cellProps.row.original.id,
+                    cellProps.row.original.response === "pass"
+                      ? PolicyResponse.PASSING
+                      : PolicyResponse.FAILING
+                  )
+                }
+                className={`policy-link`}
+              >
+                View all hosts{" "}
+                <img alt="link to hosts filtered by policy ID" src={Chevron} />
+              </Link>
+            )}
+          </>
         );
       },
     },
diff --git a/frontend/pages/hosts/HostDetailsPage/_styles.scss b/frontend/pages/hosts/HostDetailsPage/_styles.scss
index 896f732fb3..61ebdcb28b 100644
--- a/frontend/pages/hosts/HostDetailsPage/_styles.scss
+++ b/frontend/pages/hosts/HostDetailsPage/_styles.scss
@@ -434,6 +434,10 @@
     th:first-child {
       width: 70%;
     }
+
+    .response__header {
+      border-right: none;
+    }
   }
 
   .section--software {