47ace0c · bridge · git.iko.soy

src/components/PaperRenderer.jsnew file+13

compare with master

unifiedsplit

@@ -0,0 +1,13 @@

1+import React from 'react';

2+import PaperCollateralRenderer from 'PaperCollateralRenderer';

3+

4+export default function PaperRenderer({ point, wallet, callback, ...props }) {

5+ return (

6+ <PaperCollateralRenderer

7+ wallet={{ [point]: wallet }}

8+ callback={callback}

9+ className="super-hidden"

10+ mode="REGISTRATION"

11+ />

12+ );

13+}

src/components/old/Passport.js+4−5

@@ -3,8 +3,8 @@ import { pour } from 'sigil-js';

3import * as ob from 'urbit-ob';

4import ReactSVGComponents from '../ReactSVGComponents';

5import PropTypes from 'prop-types';

6−import PaperCollateralRenderer from 'PaperCollateralRenderer';

7import { Button } from './Base';

6import { Button } from './Base';

7+import PaperRenderer from 'components/PaperRenderer';

8

9import { WALLET_STATES } from '../../lib/invite';

10import { downloadWallet } from '../../lib/invite';

@@ -159,14 +159,13 @@ class Passport extends React.Component {

159 );

160

161 let paperCollateral = wallet ? (

162− <PaperCollateralRenderer

162+ <PaperRenderer

163− wallet={{ [pointVal]: wallet }}

163+ point={pointVal}

164− className={'extremely-hidden'}

164+ wallet={wallet}

165 callback={data => {

166 this.setState({ paper: data });

167 this.props.pushWalletState(WALLET_STATES.PAPER_READY);

168 }}

169− mode={'REGISTRATION'}

170 />

169 />

171 ) : (

170 ) : (

172 <div />

171 <div />

src/views/Activate/PassportDownload.js+4−5

@@ -2,13 +2,13 @@ import React, { useState, useEffect, useCallback } from 'react';

2import cn from 'classnames';

3import Maybe from 'folktale/maybe';

4import { Grid, H4, P } from 'indigo-react';

5−import PaperCollateralRenderer from 'PaperCollateralRenderer';

6

5

7import * as need from 'lib/need';

6import * as need from 'lib/need';

8

7

9import { useActivateFlow } from './ActivateFlow';

8import { useActivateFlow } from './ActivateFlow';

10import { downloadWallet } from 'lib/invite';

9import { downloadWallet } from 'lib/invite';

11import { DownloadButton, ForwardButton } from 'components/Buttons';

10import { DownloadButton, ForwardButton } from 'components/Buttons';

11+import PaperRenderer from 'components/PaperRenderer';

12import { useLocalRouter } from 'lib/LocalRouter';

13import Steps from 'components/Steps';

14

@@ -76,11 +76,10 @@ export default function PassportDownload({ className }) {

76 solid>

77 {!downloaded ? 'Download Passport' : 'Continue'}

78 </Grid.Item>

79− <PaperCollateralRenderer

79+ <PaperRenderer

80− className="abs super-hidden"

81− wallet={{ [pointAsString]: wallet }}

80+ point={pointAsString}

81+ wallet={wallet}

82 callback={data => setPaper(Maybe.Just(data))}

83− mode="REGISTRATION"

84 />

83 />

85 </Grid>

84 </Grid>

86 );

85 );

src/views/Redownload.js+4−5

@@ -6,7 +6,7 @@ import { usePointCursor } from 'store/pointCursor';

6

7import View from 'components/View';

8import { DownloadButton } from 'components/Buttons';

9−import PaperCollateralRenderer from 'PaperCollateralRenderer';

9+import PaperRenderer from 'components/PaperRenderer';

10

11import { downloadWallet } from 'lib/invite';

12

@@ -24,13 +24,12 @@ export default function Redownload() {

24 };

25

26 const paperRenderer = Just.hasInstance(paper) ? null : (

27− <PaperCollateralRenderer

27+ <PaperRenderer

28+ point={point}

28− wallet={{ [point]: urbitWallet.value }}

29+ wallet={urbitWallet.value}

29− className={'extremely-hidden'}

30 callback={paper => {

31 setPaper(Just(paper));

32 }}

33− mode={'REGISTRATION'}

34 />

33 />

35 );

34 );

36

35

src/views/Reticket/Confirm.js+4−6

@@ -2,12 +2,11 @@ import React, { useState } from 'react';

2import * as need from 'lib/need';

3import { Just, Nothing } from 'folktale/maybe';

4

5−import PaperCollateralRenderer from 'PaperCollateralRenderer';

6−

7import { usePointCursor } from 'store/pointCursor';

5import { usePointCursor } from 'store/pointCursor';

8

6

9import View from 'components/View';

7import View from 'components/View';

10import { ForwardButton } from 'components/Buttons';

8import { ForwardButton } from 'components/Buttons';

9+import PaperRenderer from 'components/PaperRenderer';

11

10

12import useLifecycle from 'lib/useLifecycle';

11import useLifecycle from 'lib/useLifecycle';

13import { generateWallet } from 'lib/invite';

12import { generateWallet } from 'lib/invite';

@@ -38,13 +37,12 @@ export default function Confirm({ STEP_NAMES, newWallet, storeNewWallet }) {

38 };

37 };

39

38

40 const paperRenderer = Nothing.hasInstance(generatedWallet) ? null : (

39 const paperRenderer = Nothing.hasInstance(generatedWallet) ? null : (

41− <PaperCollateralRenderer

40+ <PaperRenderer

41+ point={point}

42− wallet={{ [point]: generatedWallet.value }}

42+ wallet={generatedWallet.value}

43− className={'extremely-hidden'}

44 callback={paper => {

43 callback={paper => {

45 storeNewWallet(generatedWallet.value, paper);

44 storeNewWallet(generatedWallet.value, paper);

46 }}

45 }}

47− mode={'REGISTRATION'}

48 />

46 />

49 );

47 );

50

48