Cleaning up code

src/app/components/help/report-issue/issue-list.tsx

@@ -5,11 +5,11 @@ import IssueComponent from './issue';
 import FilterComponent from './filter';
 
 const wrapperStyle = { 
-    JustifyContent: 'center', 
+    justifyContent: 'center' as 'center', 
     display: 'flex', 
     flex: 1, 
-    FlexDirection: 'row', 
+    flexDirection: 'row' as 'row', 
-    FlexWrap: 'wrap',  
+    flexWrap: 'wrap' as 'wrap',  
     margin: '20px' 
 };
 

src/app/components/help/report-issue/issue.tsx

@@ -12,7 +12,7 @@ const cardTitleStyle = {
 
 const cardTextStyle = { 
     color: 'black', 
-    OverflowY: 'auto', 
+    overflow: 'auto', 
     height: '100px' 
 };
 

src/app/components/help/report-issue/report-issue.component.html

@@ -1 +1 @@
-<span #myReactComponentContainer></span>
+<span #issueListComponentContainer></span>

src/app/components/help/report-issue/report-issue.component.tsx

@@ -25,7 +25,7 @@ templateUrl: './report-issue.component.html',
 styleUrls: ['./report-issue.component.scss']
 })
 export class ReportIssueComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit  {
-    @ViewChild('myReactComponentContainer') containerRef: ElementRef;
+    @ViewChild('issueListComponentContainer') containerRef: ElementRef;
 
     constructor() {}
 
@@ -46,8 +46,8 @@ export class ReportIssueComponent implements OnInit, OnChanges, OnDestroy, After
     }
 
     private render() {
-        ReactDOM.render(<div className={'i-am-classy'}>
+        ReactDOM.render(<div>
-        <IssueListComponent />
+            <IssueListComponent />
         </div>, this.containerRef.nativeElement);
     }
 }