embarklabs
/
embark
mirror of https://github.com/embarklabs/embark.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

add tabs for the processes

This commit is contained in:
Jonathan Rainville 2018-08-01 14:30:47 -04:00 committed by Pascal Precht
parent fdbc567b3b
commit d6977507b6
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
embark-ui/src/containers/ProcessesContainer.js
View File

@ -1,6 +1,7 @@
import React, {Component} from 'react'; import React, {Component} from 'react';
import {connect} from 'react-redux'; import {connect} from 'react-redux';
import {fetchProcesses} from '../actions'; import {fetchProcesses} from '../actions';
import {Tabs, Tab} from 'tabler-react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
class ProcessesContainer extends Component { class ProcessesContainer extends Component {
@ -26,8 +27,13 @@ class ProcessesContainer extends Component {
); );
} }
const processNames = Object.keys(processes.data);
return ( return (
<p>Loaded</p> <Tabs initialTab={processNames[0]}>
{processNames.map(processName => {
return (<Tab key={processName} title={processName}>State: {processes.data[processName].state}</Tab>);
})}
</Tabs>
); );
} }
} }

2
lib/core/processes/processManager.js
View File

@ -20,7 +20,7 @@ class ProcessManager {
let parsedProcesses = {}; let parsedProcesses = {};
Object.keys(self.processes).forEach(processName => { Object.keys(self.processes).forEach(processName => {
parsedProcesses[processName] = { parsedProcesses[processName] = {
state: self.processes[processName] state: self.processes[processName].state
}; };
}); });
res.send(parsedProcesses); res.send(parsedProcesses);