fix: move titleize to helpers

src/components/SecuritySchemes/SecuritySchemes.tsx

@@ -4,6 +4,7 @@ import { SecuritySchemesModel } from '../../services/models';
 
 import { H2, MiddlePanel, Row, Section, ShareLink } from '../../common-elements';
 import { OpenAPISecurityScheme } from '../../types';
+import { titleize } from '../../utils/helpers';
 import { Markdown } from '../Markdown/Markdown';
 import { StyledMarkdownBlock } from '../Markdown/styled.elements';
 
@@ -84,12 +85,7 @@ export class SecurityDefs extends React.PureComponent<SecurityDefsProps> {
                   </tr>
                   {scheme.apiKey ? (
                     <tr>
-                      <th>
+                      <th> {titleize(scheme.apiKey.in || '')} parameter name:</th>
-                        {' '}
-                        {(scheme.apiKey.in || '').charAt(0).toUpperCase() +
-                          (scheme.apiKey.in || '').slice(1)}{' '}
-                        parameter name:
-                      </th>
                       <td> {scheme.apiKey.name} </td>
                     </tr>
                   ) : scheme.http ? (

src/utils/__tests__/helpers.test.ts

@@ -1,5 +1,5 @@
 import slugify from 'slugify';
-import { mapWithLast, appendToMdHeading, mergeObjects, safeSlugify } from '../helpers';
+import { appendToMdHeading, mapWithLast, mergeObjects, safeSlugify, titleize } from '../helpers';
 
 describe('Utils', () => {
   describe('helpers', () => {
@@ -68,5 +68,11 @@ describe('Utils', () => {
         expect(mergeObjects({}, obj1, obj2)).toEqual({ a: ['C'], b: ['D'] });
       });
     });
+
+    describe('titleize', () => {
+      test('should return the string with the first letter capitalized', () => {
+        expect(titleize('my title')).toEqual('My title');
+      });
+    });
   });
 });

src/utils/helpers.ts

@@ -165,3 +165,7 @@ export function resolveUrl(url: string, to: string) {
 export function getBasePath(serverUrl: string): string {
   return new URL(serverUrl).pathname;
 }
+
+export function titleize(text: string) {
+  return text.charAt(0).toUpperCase() + text.slice(1);
+}