Refactor a bit

js/actions/artwork_list_actions.js

@@ -0,0 +1,11 @@
+import alt from '../alt';
+
+class ArtworkListActions {
+    constructor() {
+        this.generateActions(
+            'updateArtworkList'
+        );
+    };
+};
+
+//export default alt.createAction(ArtworkListActions);

js/app.js

@@ -6,7 +6,7 @@ import Router from 'react-router';
 import AscribeApp from './components/ascribe_app';
 import routes from './routes';
 
-Router.run(routes, Router.HashLocation, (AscribeApp) => {
+Router.run(routes, Router.HistoryLocation, (AscribeApp) => {
   React.render(
   	<AscribeApp />,
   	document.getElementById('main')

js/components/actions/artwork_list_actions.js

@@ -1,11 +0,0 @@
-import alt from '../alt';
-
-class ArtworkListActions {
-  constructor() {
-    this.generateActions(
-      'updateArtworks'
-    );
-  };
-};
-
-export default alt.createAction(ArtworkListActions);

js/components/artwork_list.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import ArtworkFetcher from '../fetchers/artwork_fetcher';
+import ArtworkListStore from '../stores/artwork_list_store';
+
+
+class ArtworkList extends React.Component {
+    componentDidMount() {
+        ArtworkFetcher.fetch().end();
+    }
+
+    getInitialState() {
+
+    }
+
+    render() {
+        return (
+            <ul>
+                <li>This is an artwork</li>
+            </ul>
+        );
+    }
+};
+
+export default ArtworkList;

js/components/ascribe_app.js

@@ -1,13 +1,17 @@
 import React from 'react';
 import Router from 'react-router';
 
+
+var Link = Router.Link;
 var RouteHandler = Router.RouteHandler;
 
+
 class AscribeApp extends React.Component {
     render() {
         return (
             <div>
                 <h1>ascribe all the things!</h1>
+                <Link to="artworks">artworks</Link>
                 <RouteHandler />
             </div> 
         );

js/components/gui/artwork_list.js

@@ -1,13 +0,0 @@
-import React from 'react';
-
-class ArtworkList extends React.Component {
-	render() {
-		return (
-	  	<ul>
-				<li>This is an artwork</li>
-	  	</ul>
-		);
-  }
-};
-
-export default ArtworkList;

js/components/stores/artwork_list_store.js

@@ -1,9 +0,0 @@
-import alt from '../alt';
-
-class ArtworkListStore {
-	constructor() {
-		this.artworkList = [];
-	}
-};
-
-export default alt.createStore(ArtworkListStore);

js/fetchers/artwork_fetcher.js

@@ -0,0 +1,10 @@
+import request from 'superagent';
+
+var ArtworkListFetcher = {
+    fetch() {
+        return request.get('http://staging.ascribe.io/api/users/')
+                      .auth('dimi@mailinator.com', '0000000000');
+    }
+};
+
+export default ArtworkListFetcher;

js/routes.js

@@ -2,13 +2,13 @@ import React from 'react';
 import Router from 'react-router';
 
 import AscribeApp from './components/ascribe_app';
-import ArtworkList from './components/gui/artwork_list';
+import ArtworkList from './components/artwork_list';
 
 var Route = Router.Route;
 
 var routes = (
-  <Route handler={AscribeApp}>
+    <Route name="app" path="/" handler={AscribeApp}>
-    <Route path="artworks" handler={ArtworkList} />
+        <Route name="artworks" handler={ArtworkList} />
     </Route>
 );
 

js/stores/artwork_list_store.js

@@ -0,0 +1,15 @@
+import alt from '../alt';
+import ArtworkListActions from '../actions/artwork_list_actions';
+
+class ArtworkListStore {
+    constructor() {
+        this.artworkList = [];
+        this.bindActions(ArtworkListActions);
+    }
+
+    onUpdateArtworkList(artworkList) {
+        this.artworkList = artworkList;
+    }
+};
+
+export default alt.createStore(ArtworkListStore);