refactor to use AltContainer to start developing the new table component

js/components/piece_list.js

@@ -1,38 +1,24 @@
 import React from 'react';
 import Router from 'react-router';
+import AltContainer from 'alt/AltContainer';
 
 import PieceListStore from '../stores/piece_list_store';
 import PieceListActions from '../actions/piece_list_actions';
+import Table from './table';
 
 let Link = Router.Link;
 
 let PieceList = React.createClass({
-    getInitialState() {
+    
-        return PieceListStore.getState();
-    },
-
     componentDidMount() {
-        PieceListStore.listen(this.onChange);
         PieceListActions.fetchPieceList();
     },
 
-    componentWillUnmount() {
-        PieceListStore.unlisten(this.onChange);
-    },
-
-    onChange(state) {
-        this.setState(state);
-    },
-
     render() {
         return (
-            <ul>
+            <AltContainer store={PieceListStore}>
-                {this.state.pieceList.map((piece, i) => {
+                <Table />
-                    return (
+            </AltContainer>
-                        <li key={i}><Link to="piece" params={{'bitcoin_ID_noPrefix': piece.bitcoin_ID_noPrefix}}>{piece.title}</Link></li>
-                    );
-                })}
-            </ul>
         );
     }
 });

js/routes.js

@@ -9,7 +9,7 @@ let Route = Router.Route;
 
 let routes = (
     <Route name="app" path="/" handler={AscribeApp}>
-        <Route name="pieces" handler={<PieceList />}>
+        <Route name="pieces" handler={PieceList}>
             <Route name="piece" path="/pieces/:bitcoin_ID_noPrefix" handler={Piece} />
         </Route>
     </Route>