application/components/oops.js

import React from 'react';
import {connect} from 'react-redux';
import {Link, browserHistory} from 'react-router';

import Config from './../config';
import CurrentUser from './../current-user';

import {Row, Col} from './flexbox';
import Paper from 'material-ui/Paper';
import Divider from 'material-ui/Divider';


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

    render() {
        return (
            <div className="opps-root">
                <Row>
                    <Col offsetXs={2} xs={8}>
                        <Paper className='padded'>
                            <h1 className='first'>Well, that was unexpected...</h1>

                            <section className='clear-bottom'>
                                <p>Sorry, it looks like either you don't have access to that, or something went totally off the rails.</p>
                                <p>If you think there might be a problem with your account, <Link to='/ceo/support'>please contact support</Link>.</p>
                            </section>
                            <Divider />
                            <section className='clear-top'>
                                <p>Sorry for the trouble, but sometimes internet security is like</p>
                                <img src='/assets/img/dog.gif' />
                            </section>

                        </Paper>
                    </Col>
                </Row>
            </div>
        );
    }
}

export default connect()(Oops);