mirror of https://github.com/embarklabs/embark.git
add capitalize
This commit is contained in:
parent
d6977507b6
commit
47d7cd3f9d
|
@ -4,6 +4,8 @@ import {fetchProcesses} from '../actions';
|
||||||
import {Tabs, Tab} from 'tabler-react';
|
import {Tabs, Tab} from 'tabler-react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
|
||||||
|
import "./css/processContainer.css";
|
||||||
|
|
||||||
class ProcessesContainer extends Component {
|
class ProcessesContainer extends Component {
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
this.props.fetchProcesses();
|
this.props.fetchProcesses();
|
||||||
|
@ -29,11 +31,13 @@ class ProcessesContainer extends Component {
|
||||||
|
|
||||||
const processNames = Object.keys(processes.data);
|
const processNames = Object.keys(processes.data);
|
||||||
return (
|
return (
|
||||||
|
<div className="processes-container">
|
||||||
<Tabs initialTab={processNames[0]}>
|
<Tabs initialTab={processNames[0]}>
|
||||||
{processNames.map(processName => {
|
{processNames.map(processName => {
|
||||||
return (<Tab key={processName} title={processName}>State: {processes.data[processName].state}</Tab>);
|
return (<Tab key={processName} title={processName}>State: {processes.data[processName].state}</Tab>);
|
||||||
})}
|
})}
|
||||||
</Tabs>
|
</Tabs>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
|
||||||
|
.processes-container .nav-link {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
Loading…
Reference in New Issue