From 31a83a1d618fa52a61a674e3cec597cf2f9007a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Fri, 2 Oct 2015 11:03:42 +0200
Subject: [PATCH] Add TransactionManager boilerplate code

---
 js/components/ascribe_app.js                  | 22 ++++++++++++-------
 .../transaction_manager.js                    | 20 +++++++++++++++++
 2 files changed, 34 insertions(+), 8 deletions(-)
 create mode 100644 js/components/ascribe_transaction_manager/transaction_manager.js

diff --git a/js/components/ascribe_app.js b/js/components/ascribe_app.js
index 90e89a04..966bd464 100644
--- a/js/components/ascribe_app.js
+++ b/js/components/ascribe_app.js
@@ -1,6 +1,9 @@
 'use strict';
 
 import React from 'react';
+
+import TransactionManager from './ascribe_transaction_manager/transaction_manager';
+
 import Header from '../components/header';
 import Footer from '../components/footer';
 import GlobalNotification from './global_notification';
@@ -19,14 +22,17 @@ let AscribeApp = React.createClass({
         let { children, routes } = this.props;
 
         return (
-            <div className="container ascribe-default-app">
-                <Header routes={routes} />
-                {/* Routes are injected here */}
-                {children}
-                <Footer />
-                <GlobalNotification />
-                <div id="modal" className="container"></div>
-            </div>
+            <TransactionManager
+                routes={routes}>
+                <div className="container ascribe-default-app">
+                    <Header routes={routes} />
+                    {/* Routes are injected here */}
+                    {children}
+                    <Footer />
+                    <GlobalNotification />
+                    <div id="modal" className="container"></div>
+                </div>
+            </TransactionManager>
         );
     }
 });
diff --git a/js/components/ascribe_transaction_manager/transaction_manager.js b/js/components/ascribe_transaction_manager/transaction_manager.js
new file mode 100644
index 00000000..950bd14f
--- /dev/null
+++ b/js/components/ascribe_transaction_manager/transaction_manager.js
@@ -0,0 +1,20 @@
+'use strict';
+
+import React from 'react';
+
+
+let TransactionManager = React.createClass({
+    propTypes: {
+        children: React.PropTypes.oneOfType([
+            React.PropTypes.arrayOf(React.PropTypes.element),
+            React.PropTypes.element
+        ]),
+        routes: React.PropTypes.arrayOf(React.PropTypes.object)
+    },
+
+    render() {
+        return this.props.children;
+    }
+});
+
+export default TransactionManager;
\ No newline at end of file