diff --git a/ui/js/page/publish/index.js b/ui/js/page/publish/index.js
new file mode 100644
index 000000000..29347b6ed
--- /dev/null
+++ b/ui/js/page/publish/index.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import {
+  connect,
+} from 'react-redux'
+import {
+  doNavigate,
+} from 'actions/app'
+import PublishPage from './view'
+
+const select = (state) => ({
+})
+
+const perform = (dispatch) => ({
+  navigate: (path) => dispatch(doNavigate(path)),
+})
+
+export default connect(select, perform)(PublishPage)
diff --git a/ui/js/page/publish.js b/ui/js/page/publish/view.jsx
similarity index 99%
rename from ui/js/page/publish.js
rename to ui/js/page/publish/view.jsx
index d443d8737..23d7b8661 100644
--- a/ui/js/page/publish.js
+++ b/ui/js/page/publish/view.jsx
@@ -1,9 +1,9 @@
 import React from 'react';
-import lbry from '../lbry.js';
-import FormField from '../component/form.js';
+import lbry from 'lbry';
+import {FormField, FormRow} from 'component/form.js';
 import Link from 'component/link';
-import rewards from '../rewards.js';
-import Modal from '../component/modal.js';
+import rewards from 'rewards';
+import Modal from 'component/modal';
 
 var PublishPage = React.createClass({
   _requiredFields: ['meta_title', 'name', 'bid', 'tos_agree'],
@@ -147,7 +147,7 @@ var PublishPage = React.createClass({
     });
   },
   handlePublishStartedConfirmed: function() {
-    window.location.href = "?published";
+    this.props.navigate('published')
   },
   handlePublishError: function(error) {
     this.setState({