From 42dd1a8fd12c023e163d112abc6f381dfde40d89 Mon Sep 17 00:00:00 2001
From: Rodrigo Arze Leon <rodrigo.arze@Rodrigos-Mac-mini.local>
Date: Thu, 24 Oct 2024 17:08:41 -0400
Subject: [PATCH] Fix casing for category header

---
 .../components/IntegrationSearch.tsx                | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/engine-frontend/components/IntegrationSearch.tsx b/packages/engine-frontend/components/IntegrationSearch.tsx
index 25c13b81..bfe42808 100644
--- a/packages/engine-frontend/components/IntegrationSearch.tsx
+++ b/packages/engine-frontend/components/IntegrationSearch.tsx
@@ -74,10 +74,15 @@ export function IntegrationSearch({
             ([category, categoryInts]) => (
               <div key={category}>
                 <h3 className="mb-2 text-lg font-semibold">
-                  {category
-                    .split('-')
-                    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-                    .join(' ')}
+                  {category.length < 5
+                    ? category.toUpperCase()
+                    : category
+                        .split('-')
+                        .map(
+                          (word) =>
+                            word.charAt(0).toUpperCase() + word.slice(1),
+                        )
+                        .join(' ')}
                 </h3>
                 <div className="flex flex-row gap-4">
                   {categoryInts.map((int) => (