import React from 'react';
import ExternalLink from './ExternalLink';
import Link from './Link';

export default class Footer extends React.Component {
    static propTypes = {
        requests: React.PropTypes.object,
    }

    render() {
        const statistics = this.props.requests ? <div>{this.props.requests.local} / {this.props.requests.total}</div> : '';
        return (
            <div>
                <hr />
                <div style={{ maxWidth: 800, margin: '0 auto' }}>
                    <footer style={{ fontSize: 11, color: '#aaa', textAlign: 'center', paddingBottom: 50, margin: '0 10px' }}>
                        <Link to="about">About</Link> this service.<br />
                        GWAS data from <ExternalLink href="https://www.ebi.ac.uk/gwas/">NHGRI-EBI</ExternalLink>, downloaded 2016-10-12.<br />
                        The usual warnings about providing the service AS-IS applies.<br />
                        <ExternalLink href="https://www.ntnu.edu/huntgenes">K.G. Jebsen Center for Genetic Epidemiology</ExternalLink>, <ExternalLink href="http://www.ntnu.edu/ism">Department of public health and general practice (ISM)</ExternalLink>, <ExternalLink href="http://www.ntnu.edu/">Norwegian university of science and technology (NTNU)</ExternalLink>
                        <br />
                        {statistics}
                    </footer>
                </div>
            </div>
        );
    }
}

import React from 'react';
import ExternalLink from './ExternalLink';
import Link from './Link';
import prefix from '../prefix';

export default class Footer extends React.Component {
    static propTypes = {
        requests: React.PropTypes.object,
    }

    render() {
        const statistics = this.props.requests ? <div>{this.props.requests.local} / {this.props.requests.total}</div> : '';
        return (
            <div>
                <hr />
                <div style={{ maxWidth: 800, margin: '0 auto' }}>
                    <footer style={{ fontSize: 11, color: '#aaa', textAlign: 'center', paddingBottom: 50, margin: '0 10px' }}>
                        <Link to="about">About</Link> this service.<br />
                        <ExternalLink href={`${prefix}/static/manual.pdf`}>Read a short manual </ExternalLink> on how to use Fast-track <br />
                        GWAS data from <ExternalLink href="https://www.ebi.ac.uk/gwas/">NHGRI-EBI</ExternalLink>, downloaded 2016-10-12.<br />
                        The usual warnings about providing the service AS-IS applies.<br />
                        <ExternalLink href="https://www.ntnu.edu/huntgenes">K.G. Jebsen Center for Genetic Epidemiology</ExternalLink>, <ExternalLink href="http://www.ntnu.edu/ism">Department of public health and general practice (ISM)</ExternalLink>, <ExternalLink href="http://www.ntnu.edu/">Norwegian university of science and technology (NTNU)</ExternalLink>
                        <br />
                        {statistics}
                    </footer>
                </div>
            </div>
        );
    }
}

Add link to manual in the footer.
Add link to manual in the footer.

Added link to a PDF manual in the footer. Remember to make corresponding
changes in nginx-config to make it work, similar to the logo and other
static resources.
