1 files changed, 40 insertions, 0 deletions
diff --git a/ui/app/components/debug_panel.js b/ui/app/components/debug_panel.js
new file mode 100644
index 00000000..7515ba84
--- /dev/null
+++ b/ui/app/components/debug_panel.js
@@ -0,0 +1,40 @@
+import React from 'react'
+import App from '../app'
+
+
+class DebugPanel extends React.Component {
+
+  constructor(props) {
+    super(props)
+    this.click = this.click.bind(this)
+  }
+
+  componentDidMount() {
+    this.click(window.location.hash.replace('#', ''))
+  }
+
+  click(panel_name) {
+    window.location.hash = panel_name
+    App.show(panel_name)
+  }
+
+  panel(panel_name) {
+    return elem(
+      'a',
+      { onClick: () => this.click(panel_name), key: panel_name },
+      panel_name
+    )
+  }
+
+  render() {
+    return elem('div', {className: 'debug-panel'},
+      this.panel('splash'),
+      this.panel('greeter'),
+      this.panel('wizard'),
+      this.panel('main')
+    )
+  }
+
+}
+
+export default DebugPanel
+\ No newline at end of file