summaryrefslogtreecommitdiffhomepage
path: root/app/components/PlatformWindow.js
diff options
context:
space:
mode:
authorAndrej Mihajlov <and@mullvad.net>2018-07-20 17:04:32 +0200
committerAndrej Mihajlov <and@mullvad.net>2018-07-20 17:04:32 +0200
commit37d64e43949a4f3be69cd802ea2f2f20ab98c1b4 (patch)
tree5f9c439a775a4f7ba59017244a28022371faa218 /app/components/PlatformWindow.js
parent25186fc12514e6ec061252bdef2964bb3d21b36d (diff)
downloadmullvadvpn-37d64e43949a4f3be69cd802ea2f2f20ab98c1b4.tar.xz
mullvadvpn-37d64e43949a4f3be69cd802ea2f2f20ab98c1b4.zip
Migrate PlatformWindow to ReactXP
Diffstat (limited to 'app/components/PlatformWindow.js')
-rw-r--r--app/components/PlatformWindow.js14
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>;
}
}