import React from 'react';
import NewsCollection from 'trc-client-core/src/media/NewsCollection';

import NewsListItem from 'trc-client-core/src/media/NewsListItem';

var NewsView = React.createClass({
    displayName: 'NewsView',
    render() {
        var OrderedNewsCollection = NewsCollection.sort(function(a, b){
            return new Date(b.date) - new Date(a.date);
        })
        return (
            <div>
                <h1>News Archive</h1>
                <ul className="NewsList">
                    {OrderedNewsCollection.map(ii => <NewsListItem key={ii.title} {...ii}/>)}
                </ul>
            </div>
        );
    }
});

module.exports = NewsView;