text: const inherits = require('util').inherits
  const Component = require('react').Component
  const h = require('react-hyperscript')
  const connect = require('react-redux').connect
  const actions = require('./actions')
  const extension = require('../../app/scripts/lib/extension')
  
  module.exports = connect(mapStateToProps)(InfoScreen)
  
  function mapStateToProps (state) {
    return {}
  }
  
  inherits(InfoScreen, Component)
  function InfoScreen () {
    Component.call(this)
  }
  
  InfoScreen.prototype.render = function () {
    var state = this.props
    var manifest
    try {
      manifest = extension.runtime.getManifest()
    } catch (e) {
      manifest = { version: '2.0.0' }
    }
  
    return (
      h('.flex-column.flex-grow', [
  
        // subtitle and nav
        h('.section-title.flex-row.flex-center', [
          h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', {
            onClick: (event) => {
              state.dispatch(actions.goHome())
            },
          }),
          h('h2.page-subtitle', 'Info'),
        ]),
  
        // main view
        h('.flex-column.flex-justify-center.flex-grow.select-none', [
          h('.flex-space-around', {
            style: {
              padding: '20px',
            },
          }, [
            // current version number
  
            h('.info.info-gray', [
              h('div', 'Metamask'),
              h('div', {
                style: {
                  marginBottom: '10px',
                },
              }, `Version: ${manifest.version}`),
            ]),
  
            h('div', {
              style: {
                marginBottom: '10px',
              }},
              [
                h('div', [
                  h('a', {
                    href: 'https://metamask.io/privacy.html',
                    target: '_blank',
                    onClick (event) { this.navigateTo(event.target.href) },
                  }, [
                    h('div.info', 'Privacy Policy'),
                  ]),
                ]),
                h('div', [
                  h('a', {
                    href: 'https://metamask.io/terms.html',
                    target: '_blank',
                    onClick (event) { this.navigateTo(event.target.href) },
                  }, [
                    h('div.info', 'Terms of Use'),
                  ]),
                ]),
                h('div', [
                  h('a', {
                    href: 'https://metamask.io/attributions.html',
                    target: '_blank',
                    onClick (event) { this.navigateTo(event.target.href) },
                  }, [
                    h('div.info', 'Attributions'),
                  ]),
                ]),
              ]
            ),
  
            h('hr', {
              style: {
                margin: '20px 0 ',
                width: '7em',
              },
            }),
  
            h('div', {
              style: {
                paddingLeft: '30px',
              }},
              [
                h('div', [
                  h('a', {
                    href: 'https://metamask.io/',
                    target: '_blank',
                    onClick (event) { this.navigateTo(event.target.href) },
                  }, [
                    h('img.icon-size', {
                      src: manifest.icons['128'],
                      style: {
                        filter: 'grayscale(100%)', /* IE6-9 */
                        WebkitFilter: 'grayscale(100%)', /* Microsoft Edge and Firefox 35+ */
                      },
                    }),
                    h('div.info', 'Visit our web site'),
                  ]),
                ]),
                h('div.fa.fa-slack', [
                  h('a.info', {
                    href: 'http://slack.metamask.io',
                    target: '_blank',
                    onClick (event) { this.navigateTo(event.target.href) },
                  }, 'Join the conversation on Slack'),
                ]),
  
                h('div.fa.fa-twitter', [
                  h('a.info', {
                    href: 'https://twitter.com/metamask_io',
                    target: '_blank',
                    onClick (event) { this.navigateTo(event.target.href) },
                  }, 'Follow us on Twitter'),
                ]),
  
                h('div.fa.fa-envelope', [
                  h('a.info', {
                    target: '_blank',
                    style: { width: '85vw' },
                    onClick () { extension.tabs.create({url: 'mailto:help@metamask.io?subject=Feedback'}) },
                  }, 'Email us!'),
                ]),
  
                h('div.fa.fa-github', [
                  h('a.info', {
                    href: 'https://github.com/MetaMask/metamask-plugin/issues',
                    target: '_blank',
                    onClick (event) { this.navigateTo(event.target.href) },
                  }, 'Start a thread on GitHub'),
                ]),
              ]),
          ]),
        ]),
      ])
    )
  }
  
  InfoScreen.prototype.navigateTo = function (url) {
    extension.tabs.create({ url })
  }
  