Move capitalize first char fn to util module, use it in IssueListItem

src/components/Issue/Segments.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { HTMLAttributes } from 'react';
+import { capitalizeFirstChar as capitalize } from 'src/util/strings';
 
 import './Issue.css';
 
@@ -9,8 +10,6 @@ interface Props extends HTMLAttributes<HTMLElement> {
     children: any;
 }
 
-const capitalize = (str: string) => `${str[0].toUpperCase()}${str.slice(1)}`;
-
 export default ({ issue, children, ...props }: Props) => {
     const renderTitle = () => (
         <h1 className='u-noMargin'>{issue.title}</h1>

src/components/IssueList/IssueListItem.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { HTMLAttributes } from 'react';
 import * as classnames from 'classnames';
+import { capitalizeFirstChar } from 'src/util/strings';
 
 interface Props extends HTMLAttributes<HTMLElement> {
     issue: Issue;
@@ -15,12 +16,12 @@ export default ({ issue, className, ...props }: Props) => (
             <h4 data-testid='issueListItem_date'>
                 {new Date(issue.dateUpdated).toDateString()}
             </h4>
-            <h4>{issue.type} | {issue.severity}</h4>
+            <h4>{capitalizeFirstChar(issue.type)} | {capitalizeFirstChar(issue.severity)}</h4>
         </div>
 
         <div className="u-flexH u-stretchH u-spaceBetween">
             <h4 className="issueDetails">{issue.creator.username}</h4>
-            <h4>{issue.status}</h4>
+            <h4>{capitalizeFirstChar(issue.status)}</h4>
         </div>
     </div>
 );

src/util/strings.ts

@@ -0,0 +1,2 @@
+export const capitalizeFirstChar = (str: string): string =>
+    `${str[0].toUpperCase()}${str.slice(1)}`;