diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2018-07-20 17:04:32 +0200 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2018-07-20 17:04:32 +0200 |
| commit | 37d64e43949a4f3be69cd802ea2f2f20ab98c1b4 (patch) | |
| tree | 5f9c439a775a4f7ba59017244a28022371faa218 /app/components/PlatformWindow.js | |
| parent | 25186fc12514e6ec061252bdef2964bb3d21b36d (diff) | |
| download | mullvadvpn-37d64e43949a4f3be69cd802ea2f2f20ab98c1b4.tar.xz mullvadvpn-37d64e43949a4f3be69cd802ea2f2f20ab98c1b4.zip | |
Migrate PlatformWindow to ReactXP
Diffstat (limited to 'app/components/PlatformWindow.js')
| -rw-r--r-- | app/components/PlatformWindow.js | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/app/components/PlatformWindow.js b/app/components/PlatformWindow.js index 60f26dd6de..e54ce969e0 100644 --- a/app/components/PlatformWindow.js +++ b/app/components/PlatformWindow.js @@ -1,13 +1,15 @@ // @flow import * as React from 'react'; +import { Component, View, Styles } from 'reactxp'; -type Props = { - children?: React.Node, -}; +const platformWindowStyle = Styles.createViewStyle({ + WebkitMask: ` + url(./assets/images/app-triangle.svg) 50% 0% no-repeat, + url(./assets/images/app-header-backdrop.svg) no-repeat`, +}); -export default class PlatformWindow extends React.Component<Props> { +export default class PlatformWindow extends Component { render() { - const chromeClass = ['window-chrome', 'window-chrome--' + process.platform]; - return <div className={chromeClass.join(' ')}>{this.props.children}</div>; + return <View style={platformWindowStyle}>{this.props.children}</View>; } } |
