083d7c6 · bridge · git.iko.soy

git.iko.soy/bridge

- Disable/enable styles properly, albeit hacky solution

commit083d7c6af3a202721db0fe1e2db6766889f30492 authorChris Johnson <chris@cjohnson.io> dateMon 1 Apr 2019, 14:01 (8 years ago) parente9a3a34

3 files changed+23−4

compare with master

unifiedsplit

src/Bridge.js−2 src/Root.js+23 src/walletgen/Walletgen.js−2

src/Bridge.js−2

@@ -83,8 +83,6 @@ class Bridge extends React.Component {

8383 this.popRoute();

8484 }

8585

86− import('./style/index.css')

87−

8886 // NB (jtobin):

8987 //

9088 // If running in development, the following can be tweaked to get you set

src/Root.js+23

@@ -6,6 +6,9 @@ import ReactDOM from 'react-dom'

66import Bridge from './Bridge'

77import Walletgen from './walletgen/Walletgen'

9+import './style/index.css'

10+import './walletgen/styles/index.css'

11+

912class Root extends React.Component {

1013 constructor(props) {

1114 super(props)

@@ -17,7 +20,27 @@ class Root extends React.Component {

1720 this.setView = this.setView.bind(this)

1821 }

1922

23+ componentDidMount() {

24+ let styles = document.getElementsByTagName('style')

25+

26+ for (var i = 0; i < styles.length; i++) {

27+ if (i < 7) styles[i].classList.add('css-bridge');

28+ if (i >= 7) {

29+ styles[i].classList.add('css-walletgen');

30+ styles[i].disabled = true;

31+ }

32+ }

33+ }

34+

2035 setView(appView) {

36+ if (appView === "bridge") {

37+ document.querySelectorAll('.css-walletgen').forEach(s => s.disabled = true)

38+ document.querySelectorAll('.css-bridge').forEach(s => s.disabled = false)

39+ } else if (appView === "walletgen") {

40+ document.querySelectorAll('.css-walletgen').forEach(s => s.disabled = false)

41+ document.querySelectorAll('.css-bridge').forEach(s => s.disabled = true)

42+ }

43+

2144 this.setState({

2245 appView

2346 })

src/walletgen/Walletgen.js−2

@@ -89,8 +89,6 @@ class Walletgen extends React.Component {

8989 componentDidMount = () => {

9090 window.addEventListener('online', () => this.setState({'network': NETWORK_STATES.ONLINE}));

9191 window.addEventListener('offline', () => this.setState({'network': NETWORK_STATES.OFFLINE}));

92−

93− import('./styles/index.css')

9492 };

9593

9694