application/components/about.js

import React from 'react';
import Paper from 'material-ui/Paper';
import {List, ListItem} from 'material-ui/List';
import Subheader from 'material-ui/Subheader';
import Divider from 'material-ui/Divider';
import Markdown from 'react-remarkable';
import Config from '../config';
import CurrentUser from './../current-user';

import {Row, Col} from './flexbox';

class About extends React.Component {
    constructor(props) {
        super(props);

        this.onChange = this.onChange.bind(this);

        this.changelog = atob(Config.get('changelog'));
    }

    onChange(state) {
    }

    render() {
        return (
            <div className="about">
                <Row>
                    <Col offsetXs={2} xs={8}>
                        <Paper className='padded'>
                            <Row>
                                <Col xs={8}>
                                    <p>
                                        CEO is brought to you by <a href="http://getsnworks.com">SNworks</a>, a division of <a href='http://statenews.com' target='_blank'>State News, Inc</a>.
                                    </p>
                                    <p>
                                         The dev team would like to thank coffee, Gummy Bears, pizza slices from Georgio's, GORP and all the feedback from our awesome clients.
                                    </p>
                                </Col>
                                <Col xs={4}>
                                    <p className='small'>
                                        <strong>CEO Version:</strong>
                                        <br />
                                        {Config.get('system_version')}
                                    </p>
                                    <Divider />
                                    <p className='small'>
                                        <strong>Publication ID:</strong>
                                        <br />
                                        {Config.get('publication_srn')}
                                    </p>
                                </Col>
                            </Row>
                            <Row>
                            <Col xs={12}>
                                <div style={{'overflow':'auto','width':'100%','maxHeight':'800px'}}>
                                    <Markdown source={this.changelog} />
                                </div>
                            </Col>
                        </Row>
                    </Paper>
                    </Col>
                </Row>
            </div>
        );
    }
}

export default About;