on master help sign in
- pass showCrumbs through header props
76148f8Chris Johnson
src/bridge/Bridge.js+13−8
@@ -277,15 +277,19 @@ class Bridge extends React.Component {
277
277
278 const View = router(routeCrumbs.peek())
278 const View = router(routeCrumbs.peek())
279
279
280− let colClass
280+ // For the invite acceptance flow, widen the screen to use the full
281− let colStyle
281+ // container, and hide the breadcrumbs
282+ const colClass = routeCrumbs.contains(ROUTE_NAMES.INVITE_TICKET)
283+ ? 'col-md-12'
284+ : 'col-md-offset-1 col-md-10'
282
285
283− if (routeCrumbs.contains(ROUTE_NAMES.INVITE_TICKET)) {
286+ const colStyle = routeCrumbs.contains(ROUTE_NAMES.INVITE_TICKET)
284− colClass = 'col-md-12'
287+ ? {}
285− } else {
286− colClass = 'col-md-offset-1 col-md-10'
287− colStyle = {maxWidth: '620px'}
288+ : {maxWidth: '620px'}
288− }
289+
290+ const showCrumbs = routeCrumbs.contains(ROUTE_NAMES.INVITE_TICKET)
291+ ? false
292+ : true
289
293
290 return (
294 return (
291 <Container>
295 <Container>
@@ -296,6 +300,7 @@ class Bridge extends React.Component {
296 skipRoute={ this.skipRoute }
300 skipRoute={ this.skipRoute }
297 networkType={ networkType }
301 networkType={ networkType }
298 wallet={ wallet }
302 wallet={ wallet }
303+ showCrumbs={ showCrumbs }
299 pointCursor={ pointCursor } />
304 pointCursor={ pointCursor } />
300
305
301 <Row className={ 'row wrapper' }>
306 <Row className={ 'row wrapper' }>
src/bridge/components/Header.js+1−3
@@ -41,9 +41,7 @@ const Crumbs = (props) => {
41}
41}
42
42
43const Header = (props) => {
43const Header = (props) => {
44− let showCrumbs = !props.routeCrumbs.contains(ROUTE_NAMES.INVITE_TICKET)
45−
46− if (showCrumbs) {
44+ if (props.showCrumbs) {
47 return (
45 return (
48 <div className={'flex items-center h-10'}>
46 <div className={'flex items-center h-10'}>
49 <Crumbs
47 <Crumbs