feat(input): format filter modal types

stakwork · Jul 31, 2024 · fa8e13c · fa8e13c
1 parent f79f8ba
commit fa8e13c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/App/SideBar/FilterSearch/index.tsx b/src/components/App/SideBar/FilterSearch/index.tsx
@@ -48,6 +48,8 @@ export const FilterSearch = ({ showAllSchemas, setShowAllSchemas, schemaAll, anc
     })
   }
 
+  const formatType = (type: string) => type.replace(/_/g, ' ').replace(/\b\w/g, (char) => char.toUpperCase())
+
   return (
     <SearchFilterPopover
       anchorEl={anchorEl}
@@ -78,7 +80,7 @@ export const FilterSearch = ({ showAllSchemas, setShowAllSchemas, schemaAll, anc
               isSelected={selectedTypes.includes(schema.type as string)}
               onClick={() => handleSchemaTypeClick(schema?.type as string)}
             >
-              {schema.type}
+              {formatType(schema.type ?? '')}
             </SchemaType>
           ))}
         </SchemaTypeWrapper>