on master help sign in
refactor: move all old components into /old subdir, update view references
e366ef3Matt Condon (shrugs)
src/components/Container.jsdeleted−23
@@ -1,23 +0,0 @@
1−import React from 'react';
2−import PropTypes from 'prop-types';
3−
4−const Container = ({ className, children, style }) => {
5− return (
6− <main className={`container ${className}`} style={style}>
7− {children}
8− </main>
9− );
10−};
11−
12−Container.propTypes = {
13− className: PropTypes.string,
14− children: PropTypes.node,
15− style: PropTypes.object,
16−};
17−
18−Container.defaultProps = {
19− className: '',
20− style: {},
21−};
22−
23−export default Container;
src/components/Footer.jsdeleted−15
@@ -1,15 +0,0 @@
1−import React from 'react';
2−
3−import { version } from '../../package.json';
4−
5−const Footer = props => (
6− <footer className={'row h-13 mt-20'}>
7− <div className={'col-md-6 text-mono'}>{'v' + version}</div>
8−
9− <div className={'col-md-3'}>
10− <a href="https://github.com/urbit/bridge">{'GitHub'}</a>
11− </div>
12− </footer>
13−);
14−
15−export default Footer;
src/components/Router.jsnew file+13
@@ -0,0 +1,13 @@
1+import React from 'react';
2+
3+import { useHistory } from 'store/history';
4+import router from 'lib/router';
5+
6+// router is just a component that renders a specific view
7+// depending on the lastest route in the history
8+export default function Router() {
9+ const history = useHistory();
10+ const Route = router(history.peek());
11+
12+ return <Route />;
13+}
src/components/View.jsnew file+18
@@ -0,0 +1,18 @@
1+import React from 'react';
2+import cn from 'classnames';
3+
4+// View is a top-level component that all Views must render to inherit styling
5+function View({ className, ...rest }) {
6+ return <div className={cn('mw-1', className)} {...rest} />;
7+}
8+
9+View.Full = function FullView({ className, ...rest }) {
10+ return (
11+ <div
12+ className={cn('mw-2 ph-1 ph-3-ns ph-9-md ph-10-lg', className)}
13+ {...rest}
14+ />
15+ );
16+};
17+
18+export default View;
src/components/icons/Chevron.jsdeleted−29
@@ -1,29 +0,0 @@
1−import React from 'react';
2−import PropTypes from 'prop-types';
3−
4−const Chevron = props => {
5− return (
6− <img
7− src={`data:image/svg+xml;utf8,<svg width="11" height="24" viewBox="0 0 11 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12L10.387 12.3166L10.646 12L10.387 11.6833L10 12ZM0.613022 1.31662L9.61302 12.3166L10.387 11.6833L1.38698 0.68338L0.613022 1.31662ZM9.61302 11.6833L0.613021 22.6834L1.38698 23.3166L10.387 12.3166L9.61302 11.6833Z" stroke="${props.color}" stroke-width="${props.strokeWidth}" fill="${props.color}"/></svg>`}
8− alt=""
9− style={props.style}
10− className={props.className}
11− />
12− );
13−};
14−
15−Chevron.propTypes = {
16− style: PropTypes.object,
17− className: PropTypes.string,
18− color: PropTypes.string,
19− strokeWidth: PropTypes.string,
20−};
21−
22−Chevron.defaultProps = {
23− style: {},
24− className: '',
25− color: 'black',
26− strokeWidth: '1px',
27−};
28−
29−export default Chevron;
src/components/Anchor.js → src/components/old/Anchor.jsrenamed

The content is the same.

src/components/Base.js → src/components/old/Base.jsrenamed+2−6
@@ -10,9 +10,9 @@ import {
10 validateNetworkKey,
10 validateNetworkKey,
11 validateNetworkSeed,
11 validateNetworkSeed,
12 validateShard,
12 validateShard,
13−} from '../lib/validators';
13+} from '../../lib/validators';
14
14
15−import { prependSig } from '../lib/transformers';
15+import { prependSig } from '../../lib/transformers';
16
16
17// Buttons
17// Buttons
18import Button from './Button';
18import Button from './Button';
@@ -44,7 +44,6 @@ import Breadcrumb from './Breadcrumb';
44import BreadcrumbItem from './BreadcrumbItem';
44import BreadcrumbItem from './BreadcrumbItem';
45
45
46// Layout
46// Layout
47−import Container from './Container';
48import Col from './Col';
47import Col from './Col';
49import Row from './Row';
48import Row from './Row';
50// import FlexRow from './FlexRow';
49// import FlexRow from './FlexRow';
@@ -63,7 +62,6 @@ import Warning from './Warning';
63// Misc
62// Misc
64import ValidatedSigil from './ValidatedSigil';
63import ValidatedSigil from './ValidatedSigil';
65import ValidatedBlockie from './ValidatedBlockie';
64import ValidatedBlockie from './ValidatedBlockie';
66−import Chevron from './icons/Chevron';
67import ShowBlockie from './ShowBlockie';
65import ShowBlockie from './ShowBlockie';
68import Passport from './Passport';
66import Passport from './Passport';
69
67
@@ -168,7 +166,6 @@ export {
168 HorizontalSelector,
166 HorizontalSelector,
169 Breadcrumb,
167 Breadcrumb,
170 BreadcrumbItem,
168 BreadcrumbItem,
171− Container,
172 Col,
169 Col,
173 Row,
170 Row,
174 // FlexRow,
171 // FlexRow,
@@ -181,6 +178,5 @@ export {
181 P,
178 P,
182 Code,
179 Code,
183 Warning,
180 Warning,
184− Chevron,
185 Passport,
181 Passport,
186};
182};
src/components/Blockie.js → src/components/old/Blockie.jsrenamed

The content is the same.

src/components/Breadcrumb.js → src/components/old/Breadcrumb.jsrenamed

The content is the same.

src/components/BreadcrumbItem.js → src/components/old/BreadcrumbItem.jsrenamed

The content is the same.

src/components/Button.js → src/components/old/Button.jsrenamed

The content is the same.

src/components/Checkbox.js → src/components/old/Checkbox.jsrenamed

The content is the same.

src/components/CheckboxButton.js → src/components/old/CheckboxButton.jsrenamed

The content is the same.

src/components/Code.js → src/components/old/Code.jsrenamed

The content is the same.

src/components/Col.js → src/components/old/Col.jsrenamed

The content is the same.

src/components/DropdownDivider.js → src/components/old/DropdownDivider.jsrenamed

The content is the same.

src/components/DropdownItem.js → src/components/old/DropdownItem.jsrenamed

The content is the same.

src/components/FlexCol.js → src/components/old/FlexCol.jsrenamed

The content is the same.

src/components/FlexRow.js → src/components/old/FlexRow.jsrenamed

The content is the same.

src/components/Form.js → src/components/old/Form.jsrenamed

The content is the same.

src/components/H1.js → src/components/old/H1.jsrenamed

The content is the same.

src/components/H2.js → src/components/old/H2.jsrenamed

The content is the same.

src/components/H3.js → src/components/old/H3.jsrenamed

The content is the same.

src/components/H4.js → src/components/old/H4.jsrenamed

The content is the same.

src/components/Header.js → src/components/old/Header.jsrenamed+9−13
@@ -1,13 +1,13 @@
1import React from 'react';
1import React from 'react';
2−import { Button, Chevron } from './Base';
2+import { Button } from './Base';
3
3
4−import { getRouteBreadcrumb } from '../lib/router';
4+import { getRouteBreadcrumb } from '../../lib/router';
5−import { ROUTE_NAMES } from '../lib/routeNames';
5+import { ROUTE_NAMES } from '../../lib/routeNames';
6−import { useHistory } from '../store/history';
6+import { useHistory } from '../../store/history';
7−import { isLast } from '../lib/lib';
7+import { isLast } from '../../lib/lib';
8−import { useNetwork } from '../store/network';
8+import { useNetwork } from '../../store/network';
9−import { useWallet } from '../store/wallet';
9+import { useWallet } from '../../store/wallet';
10−import { usePointCursor } from '../store/pointCursor';
10+import { usePointCursor } from '../../store/pointCursor';
11
11
12// hook to create a breadcrumb builder function based on the current
12// hook to create a breadcrumb builder function based on the current
13// global states
13// global states
@@ -35,11 +35,7 @@ function Crumbs(props) {
35 {breadcrumbBuilder(route)}
35 {breadcrumbBuilder(route)}
36 </Button>
36 </Button>
37
37
38− {isLast(history.size, idx) ? (
38+ {isLast(history.size, idx) ? <div /> : '/'}
39− <div />
40− ) : (
41− <Chevron className={'h-4 mh-2'} />
42− )}
43 </div>
39 </div>
44 );
40 );
45 })}
41 })}
src/components/HorizontalSelector.js → src/components/old/HorizontalSelector.jsrenamed

The content is the same.

src/components/InnerLabel.js → src/components/old/InnerLabel.jsrenamed

The content is the same.

src/components/InnerLabelDropdown.js → src/components/old/InnerLabelDropdown.jsrenamed

The content is the same.

src/components/Input.js → src/components/old/Input.jsrenamed

The content is the same.

src/components/InputCaption.js → src/components/old/InputCaption.jsrenamed

The content is the same.

src/components/Label.js → src/components/old/Label.jsrenamed

The content is the same.

src/components/P.js → src/components/old/P.jsrenamed

The content is the same.

src/components/Passport.js → src/components/old/Passport.jsrenamed+4−4
@@ -6,10 +6,10 @@ import PropTypes from 'prop-types';
6import PaperCollateralRenderer from 'PaperCollateralRenderer';
6import PaperCollateralRenderer from 'PaperCollateralRenderer';
7import { Button } from './Base';
7import { Button } from './Base';
8
8
9−import { WALLET_STATES } from '../lib/invite';
9+import { WALLET_STATES } from '../../lib/invite';
10−import { downloadWallet } from '../lib/invite';
10+import { downloadWallet } from '../../lib/invite';
11−import { compose } from '../lib/lib';
11+import { compose } from '../../lib/lib';
12−import { withWallet } from '../store/wallet';
12+import { withWallet } from '../../store/wallet';
13
13
14class Passport extends React.Component {
14class Passport extends React.Component {
15 constructor(props) {
15 constructor(props) {
src/components/PointList.js → src/components/old/PointList.jsrenamed+1−1
@@ -1,7 +1,7 @@
1import React from 'react';
1import React from 'react';
2import { chunk } from 'lodash';
2import { chunk } from 'lodash';
3
3
4−import { usePointCursor } from '../store/pointCursor';
4+import { usePointCursor } from '../../store/pointCursor';
5
5
6import { Row } from './Base';
6import { Row } from './Base';
7import RenderedPoint from './RenderedPoint';
7import RenderedPoint from './RenderedPoint';
src/components/ProtoAnchor.js → src/components/old/ProtoAnchor.jsrenamed

The content is the same.

src/components/ProtoButton.js → src/components/old/ProtoButton.jsrenamed+1−1
@@ -1,6 +1,6 @@
1import React from 'react';
1import React from 'react';
2import PropTypes from 'prop-types';
2import PropTypes from 'prop-types';
3−import { getDomProps } from '../lib/base';
3+import { getDomProps } from '../../lib/base';
4
4
5const ProtoButton = props => {
5const ProtoButton = props => {
6 return (
6 return (
src/components/ProtoInput.js → src/components/old/ProtoInput.jsrenamed+1−1
@@ -1,7 +1,7 @@
1import React from 'react';
1import React from 'react';
2import PropTypes from 'prop-types';
2import PropTypes from 'prop-types';
3
3
4−import { getDomProps } from '../lib/base';
4+import { getDomProps } from '../../lib/base';
5
5
6const ProtoInput = props => {
6const ProtoInput = props => {
7 return (
7 return (
src/components/ProtoTextarea.js → src/components/old/ProtoTextarea.jsrenamed+1−1
@@ -1,7 +1,7 @@
1import React from 'react';
1import React from 'react';
2import PropTypes from 'prop-types';
2import PropTypes from 'prop-types';
3
3
4−import { getDomProps } from '../lib/base';
4+import { getDomProps } from '../../lib/base';
5
5
6const ProtoTextarea = props => {
6const ProtoTextarea = props => {
7 return (
7 return (
src/components/ReactSVGComponents.js → src/components/old/ReactSVGComponents.jsrenamed

The content is the same.

src/components/RenderedPoint.js → src/components/old/RenderedPoint.jsrenamed+1−1
@@ -5,7 +5,7 @@ import { Button } from './Base';
5import { pour } from 'sigil-js';
5import { pour } from 'sigil-js';
6import * as ob from 'urbit-ob';
6import * as ob from 'urbit-ob';
7
7
8−import { ROUTE_NAMES } from '../lib/routeNames';
8+import { ROUTE_NAMES } from '../../lib/routeNames';
9import ReactSVGComponents from './ReactSVGComponents';
9import ReactSVGComponents from './ReactSVGComponents';
10
10
11const RenderedPoint = props => {
11const RenderedPoint = props => {
src/components/Row.js → src/components/old/Row.jsrenamed

The content is the same.

src/components/RowCol.js → src/components/old/RowCol.jsrenamed

The content is the same.

src/components/ShowBlockie.js → src/components/old/ShowBlockie.jsrenamed+1−1
@@ -2,7 +2,7 @@ import React from 'react';
2import PropTypes from 'prop-types';
2import PropTypes from 'prop-types';
3import makeBlockie from 'ethereum-blockies-base64';
3import makeBlockie from 'ethereum-blockies-base64';
4import Button from './Button';
4import Button from './Button';
5−import { invert } from '../lib/state';
5+import { invert } from '../../lib/state';
6
6
7const isValidAddress = address => /^0x[0-9a-fA-F]{40}$/.test(address);
7const isValidAddress = address => /^0x[0-9a-fA-F]{40}$/.test(address);
8
8
src/components/Spacing.js → src/components/old/Spacing.jsrenamed

The content is the same.

src/components/StatelessTransaction.js → src/components/old/StatelessTransaction.jsrenamed+11−11
@@ -1,17 +1,17 @@
1import { Nothing, Just } from 'folktale/maybe';
1import { Nothing, Just } from 'folktale/maybe';
2import { Ok } from 'folktale/result';
2import { Ok } from 'folktale/result';
3import React from 'react';
3import React from 'react';
4−import * as need from '../lib/need';
4+import * as need from '../../lib/need';
5
5
6import { Code, H3 } from './Base';
6import { Code, H3 } from './Base';
7import { Button } from './Base';
7import { Button } from './Base';
8import { CheckboxButton, Input, InnerLabel, InnerLabelDropdown } from './Base';
8import { CheckboxButton, Input, InnerLabel, InnerLabelDropdown } from './Base';
9import { Warning } from './Base';
9import { Warning } from './Base';
10
10
11−import { BRIDGE_ERROR } from '../lib/error';
11+import { BRIDGE_ERROR } from '../../lib/error';
12−import { ROUTE_NAMES } from '../lib/routeNames';
12+import { ROUTE_NAMES } from '../../lib/routeNames';
13−import { compose } from '../lib/lib';
13+import { compose } from '../../lib/lib';
14−import * as tank from '../lib/tank';
14+import * as tank from '../../lib/tank';
15import {
15import {
16 sendSignedTransaction,
16 sendSignedTransaction,
17 fromWei,
17 fromWei,
@@ -19,13 +19,13 @@ import {
19 hexify,
19 hexify,
20 renderSignedTx,
20 renderSignedTx,
21 signTransaction,
21 signTransaction,
22−} from '../lib/txn';
22+} from '../../lib/txn';
23
23
24−import { withTxnConfirmations } from '../store/txnConfirmations';
24+import { withTxnConfirmations } from '../../store/txnConfirmations';
25−import { withNetwork } from '../store/network';
25+import { withNetwork } from '../../store/network';
26−import { withHistory } from '../store/history';
26+import { withHistory } from '../../store/history';
27−import { withWallet } from '../store/wallet';
27+import { withWallet } from '../../store/wallet';
28−import { withTxnCursor } from '../store/txnCursor';
28+import { withTxnCursor } from '../../store/txnCursor';
29
29
30const SUBMISSION_STATES = {
30const SUBMISSION_STATES = {
31 PROMPT: 'Send transaction',
31 PROMPT: 'Send transaction',
src/components/Textarea.js → src/components/old/Textarea.jsrenamed

The content is the same.

src/components/UploadButton.js → src/components/old/UploadButton.jsrenamed

The content is the same.

src/components/ValidatedBlockie.js → src/components/old/ValidatedBlockie.jsrenamed

The content is the same.

src/components/ValidatedSigil.js → src/components/old/ValidatedSigil.jsrenamed

The content is the same.

src/components/Warning.js → src/components/old/Warning.jsrenamed

The content is the same.

src/components/advancedInput.js → src/components/old/advancedInput.jsrenamed+1−1
@@ -1,7 +1,7 @@
1import React, { Component } from 'react';
1import React, { Component } from 'react';
2import PropTypes from 'prop-types';
2import PropTypes from 'prop-types';
3
3
4−import { compose, defaultTo, t, f } from '../lib/lib';
4+import { compose, defaultTo, t, f } from '../../lib/lib';
5
5
6// =============================================================================
6// =============================================================================
7// Utils
7// Utils
src/views/AcceptTransfer.js+3−3
@@ -1,17 +1,17 @@
1import { Just } from 'folktale/maybe';
1import { Just } from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3−import { Row, Col, H1, P } from '../components/Base';
3+import { Row, Col, H1, P } from '../components/old/Base';
4import {
4import {
5 InnerLabel,
5 InnerLabel,
6 AddressInput,
6 AddressInput,
7 ShowBlockie,
7 ShowBlockie,
8 Anchor,
8 Anchor,
9−} from '../components/Base';
9+} from '../components/old/Base';
10import * as azimuth from 'azimuth-js';
10import * as azimuth from 'azimuth-js';
11import * as ob from 'urbit-ob';
11import * as ob from 'urbit-ob';
12import * as need from '../lib/need';
12import * as need from '../lib/need';
13
13
14−import StatelessTransaction from '../components/StatelessTransaction';
14+import StatelessTransaction from '../components/old/StatelessTransaction';
15import { NETWORK_TYPES } from '../lib/network';
15import { NETWORK_TYPES } from '../lib/network';
16import { isValidAddress } from '../lib/wallet';
16import { isValidAddress } from '../lib/wallet';
17import { withNetwork } from '../store/network';
17import { withNetwork } from '../store/network';
src/views/CancelTransfer.js+2−2
@@ -1,11 +1,11 @@
1import Maybe from 'folktale/maybe';
1import Maybe from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3−import { Row, Col, H1, P } from '../components/Base';
3+import { Row, Col, H1, P } from '../components/old/Base';
4import * as azimuth from 'azimuth-js';
4import * as azimuth from 'azimuth-js';
5import * as ob from 'urbit-ob';
5import * as ob from 'urbit-ob';
6import * as need from '../lib/need';
6import * as need from '../lib/need';
7
7
8−import StatelessTransaction from '../components/StatelessTransaction';
8+import StatelessTransaction from '../components/old/StatelessTransaction';
9import { ETH_ZERO_ADDR } from '../lib/wallet';
9import { ETH_ZERO_ADDR } from '../lib/wallet';
10import { withNetwork } from '../store/network';
10import { withNetwork } from '../store/network';
11import { compose } from '../lib/lib';
11import { compose } from '../lib/lib';
src/views/CreateGalaxy.js+4−4
@@ -4,16 +4,16 @@ import * as azimuth from 'azimuth-js';
4import * as ob from 'urbit-ob';
4import * as ob from 'urbit-ob';
5import * as need from '../lib/need';
5import * as need from '../lib/need';
6
6
7−import { Button } from '../components/Base';
7+import { Button } from '../components/old/Base';
8−import { Row, Col, H1, P, Anchor } from '../components/Base';
8+import { Row, Col, H1, P, Anchor } from '../components/old/Base';
9import {
9import {
10 InnerLabel,
10 InnerLabel,
11 GalaxyInput,
11 GalaxyInput,
12 AddressInput,
12 AddressInput,
13 ValidatedSigil,
13 ValidatedSigil,
14 ShowBlockie,
14 ShowBlockie,
15−} from '../components/Base';
15+} from '../components/old/Base';
16−import StatelessTransaction from '../components/StatelessTransaction';
16+import StatelessTransaction from '../components/old/StatelessTransaction';
17
17
18import { NETWORK_TYPES } from '../lib/network';
18import { NETWORK_TYPES } from '../lib/network';
19import { canDecodePatp } from '../lib/txn';
19import { canDecodePatp } from '../lib/txn';
src/views/GenKeyfile.js+2−2
@@ -1,8 +1,8 @@
1import React from 'react';
1import React from 'react';
2import * as need from '../lib/need';
2import * as need from '../lib/need';
3
3
4−import { Button } from '../components/Base';
4+import { Button } from '../components/old/Base';
5−import { Row, Col, H1, P } from '../components/Base';
5+import { Row, Col, H1, P } from '../components/old/Base';
6
6
7import * as ob from 'urbit-ob';
7import * as ob from 'urbit-ob';
8import * as kg from 'urbit-key-generation/dist';
8import * as kg from 'urbit-key-generation/dist';
src/views/InviteTicket.js+1−1
@@ -9,7 +9,7 @@ import {
9 Row,
9 Row,
10 Col,
10 Col,
11 Passport,
11 Passport,
12−} from '../components/Base';
12+} from '../components/old/Base';
13import * as azimuth from 'azimuth-js';
13import * as azimuth from 'azimuth-js';
14import * as need from '../lib/need';
14import * as need from '../lib/need';
15
15
src/views/InvitesManage.js+2−2
@@ -12,8 +12,8 @@ import {
12 PointInput,
12 PointInput,
13 InnerLabel,
13 InnerLabel,
14 ValidatedSigil,
14 ValidatedSigil,
15−} from '../components/Base';
15+} from '../components/old/Base';
16−import StatelessTransaction from '../components/StatelessTransaction';
16+import StatelessTransaction from '../components/old/StatelessTransaction';
17import { withNetwork } from '../store/network';
17import { withNetwork } from '../store/network';
18import { compose } from '../lib/lib';
18import { compose } from '../lib/lib';
19import { withPointCursor } from '../store/pointCursor';
19import { withPointCursor } from '../store/pointCursor';
src/views/InvitesSend.js+1−1
@@ -4,7 +4,7 @@ import * as azimuth from 'azimuth-js';
4import * as need from '../lib/need';
4import * as need from '../lib/need';
5
5
6import { hasReceived, sendMail } from '../lib/inviteMail';
6import { hasReceived, sendMail } from '../lib/inviteMail';
7−import { Row, Col, Button, Input, H3, Warning } from '../components/Base';
7+import { Row, Col, Button, Input, H3, Warning } from '../components/old/Base';
8
8
9// for wallet generation
9// for wallet generation
10import * as wg from '../_walletgen/lib/lib';
10import * as wg from '../_walletgen/lib/lib';
src/views/IssueChild.js+2−2
@@ -15,9 +15,9 @@ import {
15 PointInput,
15 PointInput,
16 AddressInput,
16 AddressInput,
17 InnerLabel,
17 InnerLabel,
18−} from '../components/Base';
18+} from '../components/old/Base';
19
19
20−import StatelessTransaction from '../components/StatelessTransaction';
20+import StatelessTransaction from '../components/old/StatelessTransaction';
21
21
22import { NETWORK_TYPES } from '../lib/network';
22import { NETWORK_TYPES } from '../lib/network';
23import { getSpawnCandidate } from '../lib/child';
23import { getSpawnCandidate } from '../lib/child';
src/views/Keystore.js+3−3
@@ -2,9 +2,9 @@ import { Just, Nothing } from 'folktale/maybe';
2import { Ok, Error } from 'folktale/result';
2import { Ok, Error } from 'folktale/result';
3import React from 'react';
3import React from 'react';
4import * as keythereum from 'keythereum';
4import * as keythereum from 'keythereum';
5−import { Button, UploadButton } from '../components/Base';
5+import { Button, UploadButton } from '../components/old/Base';
6−import { Input, InnerLabel, InputCaption } from '../components/Base';
6+import { Input, InnerLabel, InputCaption } from '../components/old/Base';
7−import { Row, Col, H1, H3, Warning } from '../components/Base';
7+import { Row, Col, H1, H3, Warning } from '../components/old/Base';
8
8
9import { BRIDGE_ERROR } from '../lib/error';
9import { BRIDGE_ERROR } from '../lib/error';
10import { ROUTE_NAMES } from '../lib/routeNames';
10import { ROUTE_NAMES } from '../lib/routeNames';
src/views/Landing.js+3−3
@@ -1,7 +1,7 @@
1import React from 'react';
1import React from 'react';
2−import { Button } from '../components/Base';
2+import { Button } from '../components/old/Base';
3−import { Row, Col } from '../components/Base';
3+import { Row, Col } from '../components/old/Base';
4−import { H1, P } from '../components/Base';
4+import { H1, P } from '../components/old/Base';
5
5
6import { ROUTE_NAMES } from '../lib/routeNames';
6import { ROUTE_NAMES } from '../lib/routeNames';
7import { useHistory } from '../store/history';
7import { useHistory } from '../store/history';
src/views/Ledger.js+3−3
@@ -1,9 +1,9 @@
1import * as bip32 from 'bip32';
1import * as bip32 from 'bip32';
2import React from 'react';
2import React from 'react';
3import Maybe from 'folktale/maybe';
3import Maybe from 'folktale/maybe';
4−import { Button } from '../components/Base';
4+import { Button } from '../components/old/Base';
5−import { Row, Col, H1, P, H2 } from '../components/Base';
5+import { Row, Col, H1, P, H2 } from '../components/old/Base';
6−import { Input, InnerLabel, InnerLabelDropdown } from '../components/Base';
6+import { Input, InnerLabel, InnerLabelDropdown } from '../components/old/Base';
7import Transport from '@ledgerhq/hw-transport-u2f';
7import Transport from '@ledgerhq/hw-transport-u2f';
8import Eth from '@ledgerhq/hw-app-eth';
8import Eth from '@ledgerhq/hw-app-eth';
9import * as secp256k1 from 'secp256k1';
9import * as secp256k1 from 'secp256k1';
src/views/Mnemonic.js+3−3
@@ -1,14 +1,14 @@
1import * as bip39 from 'bip39';
1import * as bip39 from 'bip39';
2import { Just, Nothing } from 'folktale/maybe';
2import { Just, Nothing } from 'folktale/maybe';
3import React from 'react';
3import React from 'react';
4−import { Button } from '../components/Base';
4+import { Button } from '../components/old/Base';
5import {
5import {
6 Input,
6 Input,
7 MnemonicInput,
7 MnemonicInput,
8 InnerLabel,
8 InnerLabel,
9 InputCaption,
9 InputCaption,
10−} from '../components/Base';
10+} from '../components/old/Base';
11−import { Row, Col, H1 } from '../components/Base';
11+import { Row, Col, H1 } from '../components/old/Base';
12
12
13import { ROUTE_NAMES } from '../lib/routeNames';
13import { ROUTE_NAMES } from '../lib/routeNames';
14import { withHistory } from '../store/history';
14import { withHistory } from '../store/history';
src/views/Network.js+3−3
@@ -1,8 +1,8 @@
1import React from 'react';
1import React from 'react';
2
2
3−import { Button } from '../components/Base';
3+import { Button } from '../components/old/Base';
4−import { InnerLabelDropdown } from '../components/Base';
4+import { InnerLabelDropdown } from '../components/old/Base';
5−import { Row, Col, H1, P } from '../components/Base';
5+import { Row, Col, H1, P } from '../components/old/Base';
6import { NETWORK_TYPES, renderNetworkType } from '../lib/network';
6import { NETWORK_TYPES, renderNetworkType } from '../lib/network';
7import { ROUTE_NAMES } from '../lib/routeNames';
7import { ROUTE_NAMES } from '../lib/routeNames';
8import { useHistory } from '../store/history';
8import { useHistory } from '../store/history';
src/views/Point.js+3−3
@@ -5,11 +5,11 @@ import * as ob from 'urbit-ob';
5import * as azimuth from 'azimuth-js';
5import * as azimuth from 'azimuth-js';
6import * as need from '../lib/need';
6import * as need from '../lib/need';
7
7
8−import PointList from '../components/PointList';
8+import PointList from '../components/old/PointList';
9−import ReactSVGComponents from '../components/ReactSVGComponents';
9+import ReactSVGComponents from '../components/old/ReactSVGComponents';
10import KeysAndMetadata from './Point/KeysAndMetadata';
10import KeysAndMetadata from './Point/KeysAndMetadata';
11import Actions from './Point/Actions';
11import Actions from './Point/Actions';
12−import { Row, Col, H1, H3 } from '../components/Base';
12+import { Row, Col, H1, H3 } from '../components/old/Base';
13import { withHistory } from '../store/history';
13import { withHistory } from '../store/history';
14import { withNetwork } from '../store/network';
14import { withNetwork } from '../store/network';
15import { compose } from '../lib/lib';
15import { compose } from '../lib/lib';
src/views/Point/Actions.js+2−2
@@ -3,8 +3,8 @@ import { azimuth } from 'azimuth-js';
3import * as need from '../../lib/need';
3import * as need from '../../lib/need';
4
4
5import { ETH_ZERO_ADDR, CURVE_ZERO_ADDR, eqAddr } from '../../lib/wallet';
5import { ETH_ZERO_ADDR, CURVE_ZERO_ADDR, eqAddr } from '../../lib/wallet';
6−import { Row, Col, H2, P } from '../../components/Base';
6+import { Row, Col, H2, P } from '../../components/old/Base';
7−import { Button } from '../../components/Base';
7+import { Button } from '../../components/old/Base';
8import { ROUTE_NAMES } from '../../lib/routeNames';
8import { ROUTE_NAMES } from '../../lib/routeNames';
9import { useHistory } from '../../store/history';
9import { useHistory } from '../../store/history';
10import { useWallet } from '../../store/wallet';
10import { useWallet } from '../../store/wallet';
src/views/Point/KeysAndMetadata.js+1−1
@@ -1,5 +1,5 @@
1import React from 'react';
1import React from 'react';
2−import { Row, Col, H2, H4 } from '../../components/Base';
2+import { Row, Col, H2, H4 } from '../../components/old/Base';
3
3
4import { ETH_ZERO_ADDR, eqAddr } from '../../lib/wallet';
4import { ETH_ZERO_ADDR, eqAddr } from '../../lib/wallet';
5
5
src/views/Points.js+3−3
@@ -1,9 +1,9 @@
1import React from 'react';
1import React from 'react';
2−import { Row, Col, H1, H2, P } from '../components/Base';
2+import { Row, Col, H1, H2, P } from '../components/old/Base';
3−import { Button } from '../components/Base';
3+import { Button } from '../components/old/Base';
4import * as azimuth from 'azimuth-js';
4import * as azimuth from 'azimuth-js';
5
5
6−import PointList from '../components/PointList';
6+import PointList from '../components/old/PointList';
7import { NETWORK_TYPES } from '../lib/network';
7import { NETWORK_TYPES } from '../lib/network';
8import { ROUTE_NAMES } from '../lib/routeNames';
8import { ROUTE_NAMES } from '../lib/routeNames';
9import { withHistory } from '../store/history';
9import { withHistory } from '../store/history';
src/views/PrivateKey.js+7−3
@@ -1,8 +1,12 @@
1import Maybe from 'folktale/maybe';
1import Maybe from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3−import { Button } from '../components/Base';
3+import { Button } from '../components/old/Base';
4+import {
5+ RequiredInput,
6+ InnerLabel,
7+ InputCaption,
4−import { RequiredInput, InnerLabel, InputCaption } from '../components/Base';
8+} from '../components/old/Base';
5−import { Row, Col, H1 } from '../components/Base';
9+import { Row, Col, H1 } from '../components/old/Base';
6
10
7import { ROUTE_NAMES } from '../lib/routeNames';
11import { ROUTE_NAMES } from '../lib/routeNames';
8import { withHistory } from '../store/history';
12import { withHistory } from '../store/history';
src/views/SentTransaction.js+2−2
@@ -1,8 +1,8 @@
1import Maybe from 'folktale/maybe';
1import Maybe from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3import * as need from '../lib/need';
3import * as need from '../lib/need';
4−import { Row, Col, H1, H3, P, Warning, Anchor } from '../components/Base';
4+import { Row, Col, H1, H3, P, Warning, Anchor } from '../components/old/Base';
5−import { Button } from '../components/Base';
5+import { Button } from '../components/old/Base';
6
6
7import { ROUTE_NAMES } from '../lib/routeNames';
7import { ROUTE_NAMES } from '../lib/routeNames';
8import { useHistory } from '../store/history';
8import { useHistory } from '../store/history';
src/views/SetKeys.js+10−3
@@ -4,9 +4,16 @@ import * as azimuth from 'azimuth-js';
4import * as ob from 'urbit-ob';
4import * as ob from 'urbit-ob';
5import * as need from '../lib/need';
5import * as need from '../lib/need';
6import * as kg from 'urbit-key-generation/dist';
6import * as kg from 'urbit-key-generation/dist';
7+import {
8+ Row,
9+ Col,
10+ H1,
11+ P,
12+ Warning,
13+ CheckboxButton,
7−import { Row, Col, H1, P, Warning, CheckboxButton } from '../components/Base';
14+} from '../components/old/Base';
8−
15+
9−import StatelessTransaction from '../components/StatelessTransaction';
16+import StatelessTransaction from '../components/old/StatelessTransaction';
10import { attemptNetworkSeedDerivation } from '../lib/keys';
17import { attemptNetworkSeedDerivation } from '../lib/keys';
11
18
12import { addHexPrefix } from '../lib/wallet';
19import { addHexPrefix } from '../lib/wallet';
src/views/SetProxy.js+3−3
@@ -11,15 +11,15 @@ import {
11 ShowBlockie,
11 ShowBlockie,
12 Anchor,
12 Anchor,
13 HorizontalSelector,
13 HorizontalSelector,
14−} from '../components/Base';
14+} from '../components/old/Base';
15−import { AddressInput } from '../components/Base';
15+import { AddressInput } from '../components/old/Base';
16import * as ob from 'urbit-ob';
16import * as ob from 'urbit-ob';
17
17
18import { PROXY_TYPE, renderProxyType } from '../lib/proxy';
18import { PROXY_TYPE, renderProxyType } from '../lib/proxy';
19
19
20import { NETWORK_TYPES } from '../lib/network';
20import { NETWORK_TYPES } from '../lib/network';
21
21
22−import StatelessTransaction from '../components/StatelessTransaction';
22+import StatelessTransaction from '../components/old/StatelessTransaction';
23
23
24import { isValidAddress } from '../lib/wallet';
24import { isValidAddress } from '../lib/wallet';
25import { withNetwork } from '../store/network';
25import { withNetwork } from '../store/network';
src/views/Shards.js+3−3
@@ -1,6 +1,6 @@
1import { Just, Nothing } from 'folktale/maybe';
1import { Just, Nothing } from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3−import { Button } from '../components/Base';
3+import { Button } from '../components/old/Base';
4import {
4import {
5 InnerLabel,
5 InnerLabel,
6 ValidatedSigil,
6 ValidatedSigil,
@@ -8,8 +8,8 @@ import {
8 ShardInput,
8 ShardInput,
9 InputCaption,
9 InputCaption,
10 Input,
10 Input,
11−} from '../components/Base';
11+} from '../components/old/Base';
12−import { Row, Col, H1, P } from '../components/Base';
12+import { Row, Col, H1, P } from '../components/old/Base';
13import * as kg from 'urbit-key-generation/dist';
13import * as kg from 'urbit-key-generation/dist';
14import * as ob from 'urbit-ob';
14import * as ob from 'urbit-ob';
15
15
src/views/Ticket.js+3−3
@@ -1,6 +1,6 @@
1import { Just, Nothing } from 'folktale/maybe';
1import { Just, Nothing } from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3−import { Button } from '../components/Base';
3+import { Button } from '../components/old/Base';
4import {
4import {
5 InnerLabel,
5 InnerLabel,
6 ValidatedSigil,
6 ValidatedSigil,
@@ -8,8 +8,8 @@ import {
8 TicketInput,
8 TicketInput,
9 Input,
9 Input,
10 InputCaption,
10 InputCaption,
11−} from '../components/Base';
11+} from '../components/old/Base';
12−import { Row, Col, H1, P } from '../components/Base';
12+import { Row, Col, H1, P } from '../components/old/Base';
13
13
14import { randomPatq, compose } from '../lib/lib';
14import { randomPatq, compose } from '../lib/lib';
15import { ROUTE_NAMES } from '../lib/routeNames';
15import { ROUTE_NAMES } from '../lib/routeNames';
src/views/Transfer.js+3−3
@@ -12,9 +12,9 @@ import {
12 ShowBlockie,
12 ShowBlockie,
13 P,
13 P,
14 Anchor,
14 Anchor,
15−} from '../components/Base';
15+} from '../components/old/Base';
16−import { AddressInput } from '../components/Base';
16+import { AddressInput } from '../components/old/Base';
17−import StatelessTransaction from '../components/StatelessTransaction';
17+import StatelessTransaction from '../components/old/StatelessTransaction';
18
18
19import { NETWORK_TYPES } from '../lib/network';
19import { NETWORK_TYPES } from '../lib/network';
20
20
src/views/Trezor.js+3−3
@@ -1,9 +1,9 @@
1import * as bip32 from 'bip32';
1import * as bip32 from 'bip32';
2import React from 'react';
2import React from 'react';
3import Maybe from 'folktale/maybe';
3import Maybe from 'folktale/maybe';
4−import { Button } from '../components/Base';
4+import { Button } from '../components/old/Base';
5−import { Row, Col, H1, P } from '../components/Base';
5+import { Row, Col, H1, P } from '../components/old/Base';
6−import { InnerLabel, Input, InnerLabelDropdown } from '../components/Base';
6+import { InnerLabel, Input, InnerLabelDropdown } from '../components/old/Base';
7import TrezorConnect from 'trezor-connect';
7import TrezorConnect from 'trezor-connect';
8import * as secp256k1 from 'secp256k1';
8import * as secp256k1 from 'secp256k1';
9
9
src/views/ViewPoint.js+3−3
@@ -2,9 +2,9 @@ import Maybe from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3import * as ob from 'urbit-ob';
3import * as ob from 'urbit-ob';
4
4
5−import { Button } from '../components/Base';
5+import { Button } from '../components/old/Base';
6−import { Row, Col, H1, P } from '../components/Base';
6+import { Row, Col, H1, P } from '../components/old/Base';
7−import { InnerLabel, PointInput, ValidatedSigil } from '../components/Base';
7+import { InnerLabel, PointInput, ValidatedSigil } from '../components/old/Base';
8
8
9import { ROUTE_NAMES } from '../lib/routeNames';
9import { ROUTE_NAMES } from '../lib/routeNames';
10import { withHistory } from '../store/history';
10import { withHistory } from '../store/history';
src/views/Wallet.js+3−3
@@ -1,8 +1,8 @@
1import Maybe from 'folktale/maybe';
1import Maybe from 'folktale/maybe';
2import React from 'react';
2import React from 'react';
3−import { Button, H1, P } from '../components/Base';
3+import { Button, H1, P } from '../components/old/Base';
4−import { InnerLabelDropdown } from '../components/Base';
4+import { InnerLabelDropdown } from '../components/old/Base';
5−import { Row, Col } from '../components/Base';
5+import { Row, Col } from '../components/old/Base';
6
6
7import { ROUTE_NAMES } from '../lib/routeNames';
7import { ROUTE_NAMES } from '../lib/routeNames';
8import { withHistory } from '../store/history';
8import { withHistory } from '../store/history';