/*
 * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * WSO2 Inc. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import React, {Component} from 'react'
import {Timeline} from 'antd';

export default class LifeCycleHistory extends Component {
    render() {
        return (
            <Timeline>
                {this.props.lcHistory.map(item =>
                    <Timeline.Item
                        color="green">{"LC has changed from " + item.postState + " to " + item.previousState +
                    " on " + item.updatedTime + " by " + item.user}</Timeline.Item>)}
            </Timeline>
        );
    }
}
/*
 * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * WSO2 Inc. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import React, {Component} from 'react'
import {Timeline} from 'antd';

export default class LifeCycleHistory extends Component {
    render() {
        return (
            <Timeline>
                {this.props.lcHistory.map(item =>
                    <Timeline.Item>
                        {"LC has changed from " + item.postState + " to " + item.previousState
                        + " on " + item.updatedTime + " by " + item.user}</Timeline.Item>)}
            </Timeline>
        );
    }
}
Improve lifecycle UI tab