From 4376a3553cc5f72b70bf8d42f6bf91285013b70e Mon Sep 17 00:00:00 2001
From: Zach Wasserman <zach@fleetdm.com>
Date: Wed, 27 Oct 2021 18:56:06 -0700
Subject: [PATCH] Fix policy constants in policy preview (#2729)

Allows the policy preview to render properly
---
 frontend/pages/Homepage/cards/WelcomeHost/WelcomeHost.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/Homepage/cards/WelcomeHost/WelcomeHost.tsx b/frontend/pages/Homepage/cards/WelcomeHost/WelcomeHost.tsx
index 2c91a11d27..5b2d68ff46 100644
--- a/frontend/pages/Homepage/cards/WelcomeHost/WelcomeHost.tsx
+++ b/frontend/pages/Homepage/cards/WelcomeHost/WelcomeHost.tsx
@@ -27,6 +27,8 @@ interface IHostResponse {
 
 const baseClass = "welcome-host";
 const HOST_ID = 1;
+const policyPass = "pass";
+const policyFail = "fail";
 
 const WelcomeHost = (): JSX.Element => {
   const dispatch = useDispatch();
@@ -53,7 +55,7 @@ const WelcomeHost = (): JSX.Element => {
         setShowRefetchLoadingSpinner(returnedHost.refetch_requested);
 
         const anyPassingOrFailingPolicy = returnedHost?.policies?.find(
-          (p) => p.response === "passing" || p.response === "failing"
+          (p) => p.response === policyPass || p.response === policyFail
         );
         setIsPoliciesEmpty(typeof anyPassingOrFailingPolicy === "undefined");
 
@@ -230,7 +232,7 @@ const WelcomeHost = (): JSX.Element => {
                   <div className="info">
                     <img
                       alt={p.response}
-                      src={p.response === "passing" ? IconPassed : IconError}
+                      src={p.response === policyPass ? IconPassed : IconError}
                     />
                     {p.query_name}
                   </div>