From c1b808f8afc79669f6a0dcb20a1f7bb284d38bf3 Mon Sep 17 00:00:00 2001
From: SteveSandersonMS <stevesa@microsoft.com>
Date: Wed, 24 Feb 2016 18:37:47 +0000
Subject: [PATCH] Fix code style inconsistencies

---
 .../ReactSpa/ClientApp/components/Counter.tsx |  2 +-
 .../ClientApp/components/FetchData.tsx        |  4 +--
 .../ReactSpa/ClientApp/components/Home.tsx    | 10 +++---
 .../ReactSpa/ClientApp/components/Layout.tsx  |  8 ++---
 .../ReactSpa/ClientApp/components/NavMenu.tsx | 32 +++++++++----------
 templates/ReactSpa/ClientApp/routes.tsx       |  6 ++--
 6 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/templates/ReactSpa/ClientApp/components/Counter.tsx b/templates/ReactSpa/ClientApp/components/Counter.tsx
index eded9d2..facd592 100644
--- a/templates/ReactSpa/ClientApp/components/Counter.tsx
+++ b/templates/ReactSpa/ClientApp/components/Counter.tsx
@@ -4,7 +4,7 @@ interface CounterState {
     currentCount: number;
 }
 
-export class Counter extends React.Component<void, CounterState> {
+export class Counter extends React.Component<any, CounterState> {
     constructor() {
         super();
         this.state = { currentCount: 0 };
diff --git a/templates/ReactSpa/ClientApp/components/FetchData.tsx b/templates/ReactSpa/ClientApp/components/FetchData.tsx
index 8bb439f..2c68cbc 100644
--- a/templates/ReactSpa/ClientApp/components/FetchData.tsx
+++ b/templates/ReactSpa/ClientApp/components/FetchData.tsx
@@ -5,7 +5,7 @@ interface FetchDataExampleState {
     loading: boolean;
 }
 
-export class FetchData extends React.Component<void, FetchDataExampleState> {
+export class FetchData extends React.Component<any, FetchDataExampleState> {
     constructor() {
         super();        
         this.state = { forecasts: [], loading: true };
@@ -31,7 +31,7 @@ export class FetchData extends React.Component<void, FetchDataExampleState> {
     }
 
     private static renderForecastsTable(forecasts: WeatherForecast[]) {
-        return <table className="table">
+        return <table className='table'>
             <thead>
                 <tr>
                     <th>Date</th>
diff --git a/templates/ReactSpa/ClientApp/components/Home.tsx b/templates/ReactSpa/ClientApp/components/Home.tsx
index 8722510..ca1c6a3 100644
--- a/templates/ReactSpa/ClientApp/components/Home.tsx
+++ b/templates/ReactSpa/ClientApp/components/Home.tsx
@@ -1,15 +1,15 @@
 import * as React from 'react';
 
-export class Home extends React.Component<void, void> {
+export class Home extends React.Component<any, void> {
     public render() {
         return <div>
             <h1>Hello, world!</h1>
             <p>Welcome to your new single-page application, built with:</p>
             <ul>
-                <li><a href="https://get.asp.net/">ASP.NET Core</a> and <a href="https://msdn.microsoft.com/en-us/library/67ef8sbd.aspx">C#</a> for cross-platform server-side code</li>
-                <li><a href="https://facebook.github.io/react/">React</a> and <a href="http://www.typescriptlang.org/">TypeScript</a> for client-side code</li> 
-                <li><a href="https://webpack.github.io/">Webpack</a> for building and bundling client-side resources</li>
-                <li><a href="http://getbootstrap.com/">Bootstrap</a> for layout and styling</li>
+                <li><a href='https://get.asp.net/'>ASP.NET Core</a> and <a href='https://msdn.microsoft.com/en-us/library/67ef8sbd.aspx'>C#</a> for cross-platform server-side code</li>
+                <li><a href='https://facebook.github.io/react/'>React</a> and <a href='http://www.typescriptlang.org/'>TypeScript</a> for client-side code</li> 
+                <li><a href='https://webpack.github.io/'>Webpack</a> for building and bundling client-side resources</li>
+                <li><a href='http://getbootstrap.com/'>Bootstrap</a> for layout and styling</li>
             </ul>
             <p>To help you get started, we've also set up:</p>
             <ul>
diff --git a/templates/ReactSpa/ClientApp/components/Layout.tsx b/templates/ReactSpa/ClientApp/components/Layout.tsx
index aebe97a..8dc4861 100644
--- a/templates/ReactSpa/ClientApp/components/Layout.tsx
+++ b/templates/ReactSpa/ClientApp/components/Layout.tsx
@@ -7,12 +7,12 @@ export interface LayoutProps {
 
 export class Layout extends React.Component<LayoutProps, void> {
     public render() {
-        return <div className="container-fluid"> 
-            <div className="row">
-                <div className="col-sm-3">
+        return <div className='container-fluid'> 
+            <div className='row'>
+                <div className='col-sm-3'>
                     <NavMenu />
                 </div>
-                <div className="col-sm-9">
+                <div className='col-sm-9'>
                     { this.props.body }
                 </div>
             </div>
diff --git a/templates/ReactSpa/ClientApp/components/NavMenu.tsx b/templates/ReactSpa/ClientApp/components/NavMenu.tsx
index e52849d..58287dd 100644
--- a/templates/ReactSpa/ClientApp/components/NavMenu.tsx
+++ b/templates/ReactSpa/ClientApp/components/NavMenu.tsx
@@ -1,35 +1,35 @@
 import * as React from 'react';
 import { Link } from 'react-router';
 
-export class NavMenu extends React.Component<void, void> {
+export class NavMenu extends React.Component<any, void> {
     public render() {
-        return <div className="main-nav"> 
-                <div className="navbar navbar-inverse">
-                <div className="navbar-header">
-                    <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-                        <span className="sr-only">Toggle navigation</span>
-                        <span className="icon-bar"></span>
-                        <span className="icon-bar"></span>
-                        <span className="icon-bar"></span>
+        return <div className='main-nav'> 
+                <div className='navbar navbar-inverse'>
+                <div className='navbar-header'>
+                    <button type='button' className='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>
+                        <span className='sr-only'>Toggle navigation</span>
+                        <span className='icon-bar'></span>
+                        <span className='icon-bar'></span>
+                        <span className='icon-bar'></span>
                     </button>
-                    <Link className="navbar-brand" to={ '/' }>WebApplicationBasic</Link>
+                    <Link className='navbar-brand' to={ '/' }>WebApplicationBasic</Link>
                 </div>
-                <div className="clearfix"></div>
-                <div className="navbar-collapse collapse">
-                    <ul className="nav navbar-nav">
+                <div className='clearfix'></div>
+                <div className='navbar-collapse collapse'>
+                    <ul className='nav navbar-nav'>
                         <li>
                             <Link to={ '/' } activeClassName='active'>
-                                <span className="glyphicon glyphicon-home"></span> Home
+                                <span className='glyphicon glyphicon-home'></span> Home
                             </Link>
                         </li>
                         <li>
                             <Link to={ '/counter' } activeClassName='active'>
-                                <span className="glyphicon glyphicon-education"></span> Counter
+                                <span className='glyphicon glyphicon-education'></span> Counter
                             </Link>
                         </li>
                         <li>
                             <Link to={ '/fetchdata' } activeClassName='active'>
-                                <span className="glyphicon glyphicon-th-list"></span> Fetch data
+                                <span className='glyphicon glyphicon-th-list'></span> Fetch data
                             </Link>
                         </li>
                     </ul>
diff --git a/templates/ReactSpa/ClientApp/routes.tsx b/templates/ReactSpa/ClientApp/routes.tsx
index 306c9bd..84f153e 100644
--- a/templates/ReactSpa/ClientApp/routes.tsx
+++ b/templates/ReactSpa/ClientApp/routes.tsx
@@ -6,7 +6,7 @@ import { FetchData } from './components/FetchData';
 import { Counter } from './components/Counter';
 
 export const routes = <Route component={ Layout }>
-    <Route path="/" components={{ body: Home }} />
-    <Route path="/counter" components={{ body: Counter }} />
-    <Route path="/fetchdata" components={{ body: FetchData }} />
+    <Route path='/' components={{ body: Home }} />
+    <Route path='/counter' components={{ body: Counter }} />
+    <Route path='/fetchdata' components={{ body: FetchData }} />
 </Route>;