diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2017-12-21 13:15:53 +0100 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2017-12-22 13:30:33 +0100 |
| commit | e51b5650857af5eb229ba2d1efa1b45f162e51ce (patch) | |
| tree | fc2b553427ba236c5b47a767f237350b8036a575 /app/components | |
| parent | 0822ed3ea1bb595c69f414f6363018c970f2f199 (diff) | |
| download | mullvadvpn-e51b5650857af5eb229ba2d1efa1b45f162e51ce.tar.xz mullvadvpn-e51b5650857af5eb229ba2d1efa1b45f162e51ce.zip | |
Convert Settings to use Img component
Diffstat (limited to 'app/components')
| -rw-r--r-- | app/components/Settings.js | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/app/components/Settings.js b/app/components/Settings.js index 492b2bd403..25a3e6df47 100644 --- a/app/components/Settings.js +++ b/app/components/Settings.js @@ -4,9 +4,7 @@ import React, { Component } from 'react'; import { If, Then, Else } from 'react-if'; import { Layout, Container, Header } from './Layout'; import CustomScrollbars from './CustomScrollbars'; - -import ChevronRightSVG from '../assets/images/icon-chevron.svg'; -import ExternalLinkSVG from '../assets/images/icon-extLink.svg'; +import Img from './Img'; import type { AccountReduxState } from '../redux/account/reducers'; import type { SettingsReduxState } from '../redux/settings/reducers'; @@ -68,7 +66,9 @@ export default class Settings extends Component { </Else> </If> </div> - <div className="settings__cell-disclosure"><ChevronRightSVG /></div> + <div className="settings__cell-disclosure"> + <Img source="icon-chevron" tintColor="currentColor" /> + </div> </div> <div className="settings__cell-spacer"></div> </div> @@ -81,7 +81,9 @@ export default class Settings extends Component { <div className="settings__cell settings__cell--active" onClick={ this.props.onViewAdvancedSettings }> <div className="settings__cell-label">Advanced</div> <div className="settings__cell-value"> - <div className="settings__cell-disclosure"><ChevronRightSVG /></div> + <div className="settings__cell-disclosure"> + <Img source="icon-chevron" tintColor="currentColor" /> + </div> </div> </div> <div className="settings__cell-spacer"></div> @@ -92,15 +94,21 @@ export default class Settings extends Component { <div className="settings__external"> <div className="settings__cell settings__cell--active" onClick={ this.props.onExternalLink.bind(this, 'faq') }> <div className="settings__cell-label">FAQs</div> - <div className="settings__cell-icon"><ExternalLinkSVG /></div> + <div className="settings__cell-icon"> + <Img source="icon-extLink" tintColor="currentColor" /> + </div> </div> <div className="settings__cell settings__cell--active" onClick={ this.props.onExternalLink.bind(this, 'guides') }> <div className="settings__cell-label">Guides</div> - <div className="settings__cell-icon"><ExternalLinkSVG /></div> + <div className="settings__cell-icon"> + <Img source="icon-extLink" tintColor="currentColor" /> + </div> </div> <div className="settings__view-support settings__cell settings__cell--active" onClick={ this.props.onViewSupport }> <div className="settings__cell-label">Report a problem</div> - <div className="settings__cell-disclosure"><ChevronRightSVG /></div> + <div className="settings__cell-disclosure"> + <Img source="icon-extLink" tintColor="currentColor" /> + </div> </div> </div> </div> |