aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/info.js
blob: 17e1ecbb461440a72c8506751174db95842c9bd6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
const inherits = require('util').inherits
const Component = require('react').Component
const h = require('react-hyperscript')
const connect = require('react-redux').connect

module.exports = connect(mapStateToProps)(InfoScreen)

function mapStateToProps (state) {
  return {}
}

inherits(InfoScreen, Component)
function InfoScreen () {
  Component.call(this)
}

InfoScreen.prototype.renderLogo = function () {
  return (
    h('div.settings__info-logo-wrapper', [
      h('img.settings__info-logo', { src: 'images/info-logo.png' }),
    ])
  )
}

InfoScreen.prototype.renderInfoLinks = function () {
  return (
    h('div.settings__content-item.settings__content-item--without-height', [
      h('div.settings__info-link-header', 'Links'),
      h('div.settings__info-link-item', [
        h('a', {
          href: 'https://metamask.io/privacy.html',
          target: '_blank',
        }, [
          h('span.settings__info-link', 'Privacy Policy'),
        ]),
      ]),
      h('div.settings__info-link-item', [
        h('a', {
          href: 'https://metamask.io/terms.html',
          target: '_blank',
        }, [
          h('span.settings__info-link', 'Terms of Use'),
        ]),
      ]),
      h('div.settings__info-link-item', [
        h('a', {
          href: 'https://metamask.io/attributions.html',
          target: '_blank',
        }, [
          h('span.settings__info-link', 'Attributions'),
        ]),
      ]),
      h('hr.settings__info-separator'),
      h('div.settings__info-link-item', [
        h('a', {
          href: 'https://support.metamask.io',
          target: '_blank',
        }, [
          h('span.settings__info-link', 'Visit our Support Center'),
        ]),
      ]),
      h('div.settings__info-link-item', [
        h('a', {
          href: 'https://metamask.io/',
          target: '_blank',
        }, [
          h('span.settings__info-link', 'Visit our web site'),
        ]),
      ]),
      h('div.settings__info-link-item', [
        h('a', {
          target: '_blank',
          href: 'mailto:help@metamask.io?subject=Feedback',
        }, [
          h('span.settings__info-link', 'Email us!'),
        ]),
      ]),
    ])
  )
}

InfoScreen.prototype.render = function () {
  const version = global.platform.getVersion()

  return (
    h('div.settings__content', [
      h('div.settings__content-row', [
        h('div.settings__content-item.settings__content-item--without-height', [
          this.renderLogo(),
          h('div.settings__info-item', [
            h('div.settings__info-version-header', 'MetaMask Version'),
            h('div.settings__info-version-number', `${version}`),
          ]),
          h('div.settings__info-item', [
            h(
              'div.settings__info-about',
              'MetaMask is designed and built in California.'
            ),
          ]),
        ]),
        this.renderInfoLinks(),
      ]),
    ])
  )
}

InfoScreen.prototype.navigateTo = function (url) {
  global.platform.openWindow({ url })
}