content: /*
   * FeaturePage
   *
   * List all the features
   */
  import React from 'react';
  import Helmet from 'react-helmet';
  import {FormattedMessage} from 'react-intl';
  import axios from 'axios';
  
  import H1 from 'components/H1';
  import messages from './messages';
  import List from './List';
  import ListItem from './ListItem';
  import ListItemTitle from './ListItemTitle';
  import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
  import FlatButton from 'material-ui/FlatButton';
  
  export default class FeaturePage extends React.Component {
  
  	constructor(props) {
    	super(props);
    	this.state = {
  		service: [],
  		loading: true
  	};
  	}
  
  	componentWillMount() {
  		axios.get('http://54.190.49.213/index.php/api/service')
    .then(response => {
  	this.setState({service: response.data});
  	this.setState({loading: false});
  })
  
    .catch(error => {
  });
  	}
  
  	render() {
  		if (!this.state.loading) {
  			return (
          <div>
            <Helmet
              title="Feature Page"
              meta={[
                {name: 'description', content: 'Feature page of React.js Boilerplate application'}
  ]}
            />
            {this.state.service.map((i, index) =>
              <div key={index}>
              {i.Maintenance}
              </div>
              )}
  
          </div>
  			);
  		}
  
  		return (
          <h2> loading... </h2>
  		);
  	}
  }
  