Fix home page filters background color on selected

trento-project · Feb 20, 2023 · e0db5ec · e0db5ec
1 parent 19e6a23
commit e0db5ec
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/assets/js/components/HealthSummary/HealthSummaryBox.jsx b/assets/js/components/HealthSummary/HealthSummaryBox.jsx
@@ -33,29 +33,29 @@ const iconByHealth = {
 const styleByHealth = {
   passing: (selected, asButton) =>
     classNames(
-      'tn-health-passing w-1/3 px-5 border rounded-lg my-2 mr-4 bg-white',
+      'tn-health-passing w-1/3 px-5 border rounded-lg my-2 mr-4',
       {
         'bg-jungle-green-500 border-green-600 text-white hover:opacity-75':
           selected,
-        'text-jungle-green-500': !selected,
+        'text-jungle-green-500 bg-white': !selected,
         'hover:opacity-75': asButton && !selected,
       }
     ),
   warning: (selected, asButton) =>
     classNames(
-      'tn-health-warning w-1/3 px-5 border rounded-lg my-2 mr-4 bg-white',
+      'tn-health-warning w-1/3 px-5 border rounded-lg my-2 mr-4',
       {
         'bg-yellow-400 border-yellow-400 text-white hover:opacity-75': selected,
-        'text-yellow-400': !selected,
+        'text-yellow-400 bg-white': !selected,
         'hover:opacity-75': asButton && !selected,
       }
     ),
   critical: (selected, asButton) =>
     classNames(
-      'tn-health-critical w-1/3 px-5 border rounded-lg my-2 mr-4 bg-white',
+      'tn-health-critical w-1/3 px-5 border rounded-lg my-2 mr-4',
       {
         'bg-red-600 border-red-600 text-white hover:opacity-75': selected,
-        'text-red-600': !selected,
+        'text-red-600 bg-white': !selected,
         'hover:opacity-75': asButton && !selected,
       }
     ),