2 files changed, 24 insertions, 0 deletions
diff --git a/app/client/common/group.component.js b/app/client/common/group.component.js
new file mode 100644
index 0000000..5dc9ddf
--- /dev/null
+++ b/app/client/common/group.component.js
@@ -0,0 +1,10 @@
+import { h, Component } from 'preact'
+
+export default function Group (props){
+  return (
+    <div className='group'>
+      <h3>{this.props.title}</h3>
+      {this.props.children}
+    </div>
+  )
+}
diff --git a/app/client/common/header.component.js b/app/client/common/header.component.js
index b5a484e..1e27856 100644
--- a/app/client/common/header.component.js
+++ b/app/client/common/header.component.js
@@ -1,10 +1,24 @@
 import { h, Component } from 'preact'
+import { Link } from 'react-router-dom';
 import { connect } from 'react-redux'
 
 function Header(props) {
+  const tools = "pix2pix samplernn style_transfer_video style_transfer_audio".split(" ").map((s,i) => {
+    return <option value={s}>{s}</option>
+  })
   return (
     <header>
       <b>live cortex</b>
+      <span>
+        <select>
+          {tools}
+        </select>
+      </span>
+      <span><Link to="/dashboard">dashboard</Link></span>
+      <span>checkpoints</span>
+      <span>datasets</span>
+      <span>results</span>
+      <span>live</span>
       <span>{props.fps} fps</span>
     </header>
   )