1 files changed, 22 insertions, 10 deletions
diff --git a/app/client/modules/pix2wav/index.js b/app/client/modules/pix2wav/index.js
index 4bbae56..1bc953a 100644
--- a/app/client/modules/pix2wav/index.js
+++ b/app/client/modules/pix2wav/index.js
@@ -1,21 +1,33 @@
 import { h, Component } from 'preact'
 import { Route, Link } from 'react-router-dom'
+
+import actions from '../../actions'
+
 import util from '../../util'
 
 import Pix2WavNew from './views/pix2wav.new'
 import Pix2WavShow from './views/pix2wav.show'
 import Pix2WavLive from './views/pix2wav.live'
 
-function router () {
-  document.body.style.backgroundImage = 'linear-gradient(' + (util.randint(40)+40) + 'deg, #fde, #ffe)'
-  return (
-    <section>
-      <Route exact path='/pix2wav/new/' component={Pix2WavNew} />
-      <Route exact path='/pix2wav/datasets/' component={Pix2WavShow} />
-      <Route exact path='/pix2wav/datasets/:id/' component={Pix2WavShow} />
-      <Route exact path='/pix2wav/live/' component={Pix2WavLive} />
-    </section>
-  )
+class router {
+  componentWillMount(){
+    actions.system.changeTool('pix2wav')
+    document.body.style.backgroundImage = 'linear-gradient(' + (util.randint(40)+40) + 'deg, #bdf, #def)'
+  }
+  componentWillReceiveProps(){
+    actions.system.changeTool('pix2wav')
+    document.body.style.backgroundImage = 'linear-gradient(' + (util.randint(40)+40) + 'deg, #bdf, #def)'
+  }
+  render(){
+    return (
+      <section>
+        <Route exact path='/pix2wav/new/' component={Pix2WavNew} />
+        <Route exact path='/pix2wav/datasets/' component={Pix2WavShow} />
+        <Route exact path='/pix2wav/datasets/:id/' component={Pix2WavShow} />
+        <Route exact path='/pix2wav/live/' component={Pix2WavLive} />
+      </section>
+    )
+  }
 }
 
 function links(){