Commit d231435f authored by Dorian Goepp's avatar Dorian Goepp

let us add buttons for each type of tab

parent 685e42bf
......@@ -27,15 +27,17 @@ export function Menu(props) {
Custom
</div>
<NavItem eventKey="demo" onClick={() => props.drag('h-gauge', "Horizontal Gauge")}>
<NavItem eventKey="demo" onClick={props.drag('line-chart', "line chart")}>
<NavIcon>
<img className="menu-button"
src={window.location.origin + "/images/icons/dashboard-grey.svg"}
alt="Demo mode"
alt="line chart"
/>
{/* alt="Demo mode" */}
</NavIcon>
<NavText>
Demo
line chart
{/* Demo */}
</NavText>
</NavItem>
......@@ -47,59 +49,59 @@ export function Menu(props) {
Algorithm
</div>
<NavItem eventKey="memory">
<NavItem eventKey="memory" onClick={props.drag('h-gauge', "gauge")}>
<NavIcon>
{/* <a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/memory-grey.svg"}
alt="memory dashboard"
/>
{/* </a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/memory-grey.svg"}
alt="gauge"
/>
{/* alt="memory dashboard" */}
</NavIcon>
<NavText>
Memory
gauge
{/* Memory */}
</NavText>
</NavItem>
<NavItem eventKey="traces">
<NavItem eventKey="traces" onClick={props.drag('graph', "graph")}>
<NavIcon>
{/* <a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/trace-grey.svg"}
alt="trace dashboard"
/>
{/* </a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/trace-grey.svg"}
alt="graph"
/>
{/* alt="trace dashboard" */}
</NavIcon>
<NavText>
Traces
graph
{/* Traces */}
</NavText>
</NavItem>
<NavItem eventKey="mental-states">
<NavItem eventKey="mental-states" onClick={props.drag('video', "video")}>
<NavIcon>
{/* <a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/mood-grey.svg"}
alt="mood dashboard"
/>
{/* </a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/mood-grey.svg"}
alt="video"
/>
{/* alt="mood dashboard" */}
</NavIcon>
<NavText>
Mental states
video
{/* Mental states */}
</NavText>
</NavItem>
<NavItem eventKey="decision-making">
<NavItem eventKey="decision-making" onClick={props.drag('memory', "memory")}>
<NavIcon>
{/* <a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/choice-grey.svg"}
alt="choice dashboard"
/>
{/* </a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/choice-grey.svg"}
alt="memory"
/>
{/* alt="choice dashboard" */}
</NavIcon>
<NavText>
Decision making
memory
{/* Decision making */}
</NavText>
</NavItem>
......@@ -107,45 +109,45 @@ export function Menu(props) {
Robot
</div>
<NavItem eventKey="video">
<NavItem eventKey="video" onClick={props.drag('int-trace', "interaction trace")}>
<NavIcon>
{/* <a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/video-grey.svg"}
alt="video dashboard"
/>
{/* </a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/video-grey.svg"}
alt="interaction trace"
/>
{/* alt="video dashboard" */}
</NavIcon>
<NavText>
Video
interaction trace
{/* Video */}
</NavText>
</NavItem>
<NavItem eventKey="audio">
<NavItem eventKey="audio" onClick={props.drag('latest-interaction', "latest interaction")}>
<NavIcon>
{/* <a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/microphone-grey.svg"}
alt="microphone dashboard"
alt="latest interaction"
/>
{/* </a> */}
{/* alt="microphone dashboard" */}
</NavIcon>
<NavText>
Audio
latest interaction
{/* Audio */}
</NavText>
</NavItem>
<NavItem eventKey="sensory">
<NavItem eventKey="sensory" onClick={props.drag('mood', "mood")}>
<NavIcon>
{/* <a> */}
<img className="menu-button"
src={window.location.origin + "/images/icons/fingerprint-grey.svg"}
alt="sensory dashboard"
alt="mood"
/>
{/* </a> */}
{/* alt="sensory dashboard" */}
</NavIcon>
<NavText>
Sensory
mood
{/* Sensory */}
</NavText>
</NavItem>
......
......@@ -84,7 +84,9 @@ class Main extends React.Component {
}
function addTab(component, name) {
this.store.sharedData.set('newTab', {component: component, name: name});
return () => {
this.store.sharedData.set('newTab', {component: component, name: name});
}
}
return (
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment