move jobs flux, use createClass for react

common/app/routes/Jobs/components/Actions.js

@@ -1,15 +0,0 @@
-import { Actions } from 'thundercats';
-
-export default class JobsActions extends Actions {
-  constructor() {
-    super();
-  }
-  static displayName = 'JobsActions'
-
-  getJob(id) {
-    return { id };
-  }
-  getJobs(params) {
-    return { params };
-  }
-}

common/app/routes/Jobs/components/Jobs.jsx

@@ -1,28 +1,26 @@
 import React, { PropTypes } from 'react';
-import { createContainer } from 'thundercats';
+import { contain } from 'thundercats';
 import { Grid, Row } from 'react-bootstrap';
 
-@createContainer({
-  store: 'JobsStore'
-})
-export default class extends React.Component {
-  constructor(props) {
-    super(props);
-  }
+export default contain(
+  {
+    store: 'jobsStore',
+    actions: 'jobActions'
+  },
+  React.createClass({
+    displayName: 'Jobs',
+    propTypes: {
+      jobs: PropTypes.array
+    },
 
-
-  static displayName = 'Jobs'
-  static propTypes = {
-    jobs: PropTypes.array
-  }
-
-  render() {
-    return (
-      <Grid>
-        <Row>
-          foo
-        </Row>
-      </Grid>
-    );
-  }
-}
+    render() {
+      return (
+        <Grid>
+          <Row>
+            foo
+          </Row>
+        </Grid>
+      );
+    }
+  })
+);

common/app/routes/Jobs/components/List.jsx

@@ -1,13 +1,11 @@
 import React, { PropTypes } from 'react';
 
-export default class extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  static displayName = 'JobsList'
-  static propTypes = {}
+export default React.createClass({
+  displayName: 'JobsList',
+  propTypes: {
+    foo: PropTypes.string
+  },
   render() {
     return null;
   }
-}
+});

common/app/routes/Jobs/components/Store.js

@@ -1,9 +0,0 @@
-import { Store } from 'thundercats';
-
-export default class JobsStore extends Store {
-  constructor(cat) {
-    super();
-    let JobsActions = cat.getActions('JobsActions');
-  }
-  static displayName = 'JobsStore'
-}

common/app/routes/Jobs/flux/Actions.js

@@ -0,0 +1,11 @@
+import { Actions } from 'thundercats';
+
+export default Actions({
+  getJob(id) {
+    return { id };
+  },
+  getJobs(params) {
+    return { params };
+  }
+})
+  .refs({ displayName: 'JobsActions' });

common/app/routes/Jobs/flux/Store.js

@@ -0,0 +1,8 @@
+import { Store } from 'thundercats';
+
+export default Store()
+  .refs({ displayName: 'JobsStore' })
+  .init(({ instane: jobsStore, args: [cat] }) => {
+    let jobsActions = cat.getActions('JobsActions');
+    jobsStore.register(jobsActions);
+  });