From fc19722ec29641fd4abb1474ea7cf49a6fca4873 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Fri, 24 Sep 2021 15:09:15 -0400
Subject: [PATCH] Sentence case for Select targets, All hosts, Linux (#2219)

---
 .../QueryPage/screens/SelectTargets.tsx       | 41 ++++++++++++-------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/frontend/pages/queries/QueryPage/screens/SelectTargets.tsx b/frontend/pages/queries/QueryPage/screens/SelectTargets.tsx
index cafa9d629f..c5b4997efa 100644
--- a/frontend/pages/queries/QueryPage/screens/SelectTargets.tsx
+++ b/frontend/pages/queries/QueryPage/screens/SelectTargets.tsx
@@ -47,17 +47,30 @@ const TargetPillSelector = ({
   entity,
   isSelected,
   onClick,
-}: ITargetPillSelectorProps): JSX.Element => (
-  <button
-    className="target-pill-selector"
-    data-selected={isSelected}
-    onClick={(e) => onClick(entity)(e)}
-  >
-    <img alt="" src={isSelected ? CheckIcon : PlusIcon} />
-    <span className="selector-name">{entity.display_text}</span>
-    <span className="selector-count">{entity.count}</span>
-  </button>
-);
+}: ITargetPillSelectorProps): JSX.Element => {
+  const displayText = () => {
+    switch (entity.display_text) {
+      case "All Hosts":
+        return "All hosts";
+      case "All Linux":
+        return "Linux";
+      default:
+        return entity.display_text;
+    }
+  };
+
+  return (
+    <button
+      className="target-pill-selector"
+      data-selected={isSelected}
+      onClick={(e) => onClick(entity)(e)}
+    >
+      <img alt="" src={isSelected ? CheckIcon : PlusIcon} />
+      <span className="selector-name">{displayText()}</span>
+      <span className="selector-count">{entity.count}</span>
+    </button>
+  );
+};
 
 const SelectTargets = ({
   baseClass,
@@ -228,7 +241,7 @@ const SelectTargets = ({
   if (isEmpty(searchText) && isTargetsLoading) {
     return (
       <div className={`${baseClass}__wrapper body-wrap`}>
-        <h1>Select Targets</h1>
+        <h1>Select targets</h1>
         <div className={`${baseClass}__page-loading`}>
           <Spinner />
         </div>
@@ -239,7 +252,7 @@ const SelectTargets = ({
   if (isEmpty(searchText) && isTargetsError) {
     return (
       <div className={`${baseClass}__wrapper body-wrap`}>
-        <h1>Select Targets</h1>
+        <h1>Select targets</h1>
         <div className={`${baseClass}__page-error`}>
           <h4>
             <img alt="" src={ErrorIcon} />
@@ -264,7 +277,7 @@ const SelectTargets = ({
 
   return (
     <div className={`${baseClass}__wrapper body-wrap`}>
-      <h1>Select Targets</h1>
+      <h1>Select targets</h1>
       <div className={`${baseClass}__target-selectors`}>
         {allHostsLabels &&
           allHostsLabels.length > 0 &&