diff options
author | jloup <jloup@jloup.work> | 2018-05-14 20:12:46 +0200 |
---|---|---|
committer | jloup <jloup@jloup.work> | 2018-05-14 20:12:46 +0200 |
commit | 335b0c9bdc3e129f14bc40dd5f125b3526a83a40 (patch) | |
tree | aa1c5afaff43dcb63aec24f60f8669515af81a17 /cmd/web/js/account.jsx | |
parent | a6820180928670b0642fa6a28ac221ce158230bb (diff) | |
download | Front-335b0c9bdc3e129f14bc40dd5f125b3526a83a40.tar.gz Front-335b0c9bdc3e129f14bc40dd5f125b3526a83a40.tar.zst Front-335b0c9bdc3e129f14bc40dd5f125b3526a83a40.zip |
Reliable icon provider for cryptocurrencies logo : Bitonics.v0.0.16
Diffstat (limited to 'cmd/web/js/account.jsx')
-rw-r--r-- | cmd/web/js/account.jsx | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/cmd/web/js/account.jsx b/cmd/web/js/account.jsx index 9a976f4..a80b44a 100644 --- a/cmd/web/js/account.jsx +++ b/cmd/web/js/account.jsx | |||
@@ -1,6 +1,7 @@ | |||
1 | import Api from './api.js'; | 1 | import Api from './api.js'; |
2 | import React from 'react'; | 2 | import React from 'react'; |
3 | import Panel from './panel.js'; | 3 | import Panel from './panel.js'; |
4 | import Icon from './icon.js'; | ||
4 | 5 | ||
5 | class AccountInformation extends React.Component { | 6 | class AccountInformation extends React.Component { |
6 | constructor(props) { | 7 | constructor(props) { |
@@ -157,13 +158,13 @@ class PoloniexCredentialsForm extends React.Component { | |||
157 | var secretDisplayed = this.props.editMode === true ? this.props.apiSecret : 'XXXXXXX'; | 158 | var secretDisplayed = this.props.editMode === true ? this.props.apiSecret : 'XXXXXXX'; |
158 | var keyDisplayed = this.props.editMode === true ? this.props.apiKey : 'XXXXXXX'; | 159 | var keyDisplayed = this.props.editMode === true ? this.props.apiKey : 'XXXXXXX'; |
159 | 160 | ||
160 | var iconName = 'icon-cancel-circled'; | 161 | var iconName = 'icon-cancel'; |
161 | switch (this.props.status) { | 162 | switch (this.props.status) { |
162 | case 'loading': | 163 | case 'loading': |
163 | iconName = 'icon-hourglass-2'; | 164 | iconName = 'icon-loop'; |
164 | break; | 165 | break; |
165 | case 'ok': | 166 | case 'ok': |
166 | iconName = 'icon-ok-circled'; | 167 | iconName = 'icon-ok'; |
167 | break; | 168 | break; |
168 | } | 169 | } |
169 | 170 | ||
@@ -171,7 +172,7 @@ class PoloniexCredentialsForm extends React.Component { | |||
171 | <React.Fragment> | 172 | <React.Fragment> |
172 | <div className="row config-status"> | 173 | <div className="row config-status"> |
173 | <div className="col-12"> | 174 | <div className="col-12"> |
174 | <span><i className={iconName}></i>{this.props.statusMessage}</span> | 175 | <span><Icon icon={iconName} /> {this.props.statusMessage}</span> |
175 | </div> | 176 | </div> |
176 | </div> | 177 | </div> |
177 | <div className="row"> | 178 | <div className="row"> |
@@ -195,8 +196,8 @@ class UserAccount extends React.Component { | |||
195 | render = () => { | 196 | render = () => { |
196 | return ( | 197 | return ( |
197 | <React.Fragment> | 198 | <React.Fragment> |
198 | <Panel component={<AccountInformation/>} title="Account" /> | 199 | <Panel component={<AccountInformation/>} title={<div><Icon icon="icon-user" /> Account</div>} /> |
199 | <Panel component={<PoloniexConfiguration/>} title="Poloniex credentials" topClassName="api-credentials-form" /> | 200 | <Panel component={<PoloniexConfiguration/>} title={<div><Icon icon="poloniex"/> Poloniex credentials</div>} topClassName="api-credentials-form" /> |
200 | </React.Fragment> | 201 | </React.Fragment> |
201 | ); | 202 | ); |
202 | } | 203 | } |