refactored with spread operators and fixed resolve inclusions

Author: Oscar Lodriguez

app/main.jsx renamed to app/main.js

@@ -2,7 +2,7 @@ import React from 'react';
 import CategoryRow from './category-row';
 import ProductRow from './product-row';
 
-const ProductTable = ({products, filterText, inStockOnly}) => {
+export default ({products, filterText, inStockOnly}) => {
 
     let rows = [],
         lastCategory = null;
@@ -32,6 +32,4 @@ const ProductTable = ({products, filterText, inStockOnly}) => {
             <tbody>{rows}</tbody>
         </table>
     );
-}
-
-export default ProductTable;
+}

app/src/components/category-row.jsx renamed to app/src/components/category-row.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, {Component} from 'react';
 import ProductTable from './components/product-table';
 import SearchBar from './components/search-bar';
 import products from './models/products';
 
-class FilterableProductTable extends React.Component {
+class FilterableProductTable extends Component {
 
     constructor() {
         super();
@@ -27,14 +27,12 @@ class FilterableProductTable extends React.Component {
         return (
             <div>
                 <SearchBar
-                    filterText={this.state.filterText}
-                    inStockOnly={this.state.inStockOnly}
+                    {...this.state}
                     onUserInput={this.handleUserInput}
                 />
                 <ProductTable
                     products={products}
-                    filterText={this.state.filterText}
-                    inStockOnly={this.state.inStockOnly}
+                    {...this.state}
                 />
             </div>
         )

app/src/components/product-row.jsx renamed to app/src/components/product-row.js

@@ -1,10 +1,8 @@
-const products = [
+export default [
     {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"},
     {category: "Sporting Goods", price: "$9.99", stocked: true, name: "Baseball"},
     {category: "Sporting Goods", price: "$29.99", stocked: false, name: "Basketball"},
     {category: "Electronics", price: "$99.99", stocked: true, name: "iPod Touch"},
     {category: "Electronics", price: "$399.99", stocked: false, name: "iPhone 5"},
     {category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7"}
-];
-
-export default products;
+];