git.iko.soy/bridge
on 51fd14c help sign in
bridge/src/Root.js
86 lines 2.3 kB history raw
1import 'babel-polyfill'; // required for @ledgerhq/hw-transport-u2f
3import React from 'react';
4import { get } from 'lodash';
6import Bridge from './bridge/Bridge';
7import Walletgen from './walletgen/Walletgen';
8// import { AppNavigation } from './common/components/AppNavigation'
10import './common/style/index.css';
11import './bridge/style/index.css';
13class Root extends React.Component {
14 constructor(props) {
15 super(props);
17 this.state = {
18 appView: 'bridge',
19 };
21 this.setView = this.setView.bind(this);
22 }
24 /*
25 Style switching:
27 To switch between walletgen and bridge styles without them clobbering each
28 other, we need a way to identify which app the stylesheet belongs to.
30 So we include a "walletgen" or "bridge" style as the first rule of any
31 stylesheet. If this directive is included, we can disable the appropriate
32 sheet when the user switches applications
34 A bit hacky, but does the job for now. These styles should probably be
35 fully merged at some point.
36 */
38 isWalletgenStyle(styleSheet) {
39 return get(styleSheet, 'cssRules[0].selectorText', null) === 'walletgen';
40 }
42 isBridgeStyle(styleSheet) {
43 return get(styleSheet, 'cssRules[0].selectorText', null) === 'bridge';
44 }
46 disableStylesheets(appView) {
47 for (var i = 0; i < document.styleSheets.length; i++) {
48 let styleSheet = document.styleSheets[i];
50 if (appView === 'bridge') {
51 if (this.isWalletgenStyle(styleSheet)) styleSheet.disabled = true;
52 if (this.isBridgeStyle(styleSheet)) styleSheet.disabled = false;
53 } else if (appView === 'walletgen') {
54 if (this.isWalletgenStyle(styleSheet)) styleSheet.disabled = false;
55 if (this.isBridgeStyle(styleSheet)) styleSheet.disabled = true;
56 }
57 }
58 }
60 componentDidMount() {
61 this.disableStylesheets(this.state.appView);
62 }
64 setView(appView) {
65 this.disableStylesheets(appView);
67 this.setState({
68 appView,
69 });
70 }
72 render() {
73 const { appView } = this.state;
75 switch (appView) {
76 case 'walletgen':
77 return <Walletgen appView={appView} setView={this.setView} />;
78 case 'bridge':
79 return <Bridge appView={appView} setView={this.setView} />;
80 default:
81 throw new Error(`Unknown appView ${appView}`);
82 }
83 }
86export { Root };