on master help sign in
Bridge: Adding urbit.org navigation in header
864845fMatilde Park
src/Bridge.js+3
@@ -3,6 +3,8 @@ import { hot } from 'react-hot-loader/root';
3import { Just, Nothing } from 'folktale/maybe';
3import { Just, Nothing } from 'folktale/maybe';
4import { IndigoApp } from 'indigo-react';
4import { IndigoApp } from 'indigo-react';
5
5
6+import Header from 'components/Header';
7+
6import Router from 'components/Router';
8import Router from 'components/Router';
7
9
8import Provider from 'store/Provider';
10import Provider from 'store/Provider';
@@ -71,6 +73,7 @@ function Bridge() {
71 initialWallet={INITIAL_WALLET}
73 initialWallet={INITIAL_WALLET}
72 initialMnemonic={INITIAL_MNEMONIC}
74 initialMnemonic={INITIAL_MNEMONIC}
73 initialPointCursor={INITIAL_POINT_CURSOR}>
75 initialPointCursor={INITIAL_POINT_CURSOR}>
76+ <Header />
74 <IndigoApp>
77 <IndigoApp>
75 <Router />
78 <Router />
76 </IndigoApp>
79 </IndigoApp>
src/components/Header.jsnew file+17
@@ -0,0 +1,17 @@
1+import React, { Component } from 'react';
2+
3+export class Header extends Component {
4+ render() {
5+ return (
6+ <nav class="absolute-ns mb2-ns pl6 pt7 f5">
7+ <a class="gray3" href="/">
8+ Urbit
9+ </a>
10+ <span class="gray3"> / </span>
11+ <a href="/">Bridge</a>
12+ </nav>
13+ );
14+ }
15+}
16+
17+export default Header;
src/views/Login.js+1−1
@@ -78,7 +78,7 @@ export default function Login() {
78 return (
78 return (
79 <View pop={pop} inset>
79 <View pop={pop} inset>
80 <Grid>
80 <Grid>
81− <Grid.Item full as={Crumbs} routes={[{ text: 'Bridge' }]} />
81+ <Grid.Item full as={Crumbs} />
82 <Grid.Item full as={H4} className="mt4">
82 <Grid.Item full as={H4} className="mt4">
83 Login
83 Login
84 </Grid.Item>
84 </Grid.Item>