ae5855b · bridge · git.iko.soy

src/components/L2/Headers/L2BackHeader.tsx+1−3

compare with master

unifiedsplit

@@ -55,9 +55,7 @@ const L2BackHeader = ({

55 }

56 };

57

58− if (currentL2) {

59− getEthBalance();

58+ getEthBalance();

60− }

61 }, [currentL2, setEthBalance, wallet, web3]);

59 }, [currentL2, setEthBalance, wallet, web3]);

62

60

63 const hasBalance = Number(ethBalance.toString()) !== 0;

61 const hasBalance = Number(ethBalance.toString()) !== 0;

src/lib/useRoller.ts+12−10

@@ -33,6 +33,7 @@ import {

33 adopt,

34 detach,

35 reject,

36+ isL2Spawn,

36} from './utils/roller';

37} from './utils/roller';

37import { ETH_ZERO_ADDR, ROLLER_HOSTS, TEN_SECONDS } from './constants';

38import { ETH_ZERO_ADDR, ROLLER_HOSTS, TEN_SECONDS } from './constants';

38

39

@@ -51,6 +52,7 @@ import { useTimerStore } from 'store/timerStore';

51import { ReticketParams, SendL2Params } from './types/L2Transaction';

52import { ReticketParams, SendL2Params } from './types/L2Transaction';

52import { L1Point } from './types/L1Point';

53import { L1Point } from './types/L1Point';

53import { ddmmmYYYY } from './utils/date';

54import { ddmmmYYYY } from './utils/date';

55+import { showNotification } from './utils/notifications';

54import { useWalletConnect } from './useWalletConnect';

56import { useWalletConnect } from './useWalletConnect';

55

57

56const ONE_SECOND = 1000;

58const ONE_SECOND = 1000;

@@ -190,10 +192,9 @@ export default function useRoller() {

190 const pointNum = Number(point);

192 const pointNum = Number(point);

191 try {

193 try {

192 const rawDetails = await api.getPoint(pointNum);

194 const rawDetails = await api.getPoint(pointNum);

193− const l2Quota =

194− rawDetails?.dominion === 'l2'

195+ const l2Quota = isL2Spawn(rawDetails?.dominion)

195− ? await api.getRemainingQuota(pointNum)

196+ ? await api.getRemainingQuota(pointNum)

196− : 0;

197+ : 0;

197 const details = toL1Details(rawDetails);

198 const details = toL1Details(rawDetails);

198

199

199 return new Point({

200 return new Point({

@@ -246,8 +247,8 @@ export default function useRoller() {

246 if (!updatedPoint.isPlaceholder && changedField) {

247 if (!updatedPoint.isPlaceholder && changedField) {

247 updatePoint(updatedPoint);

248 updatePoint(updatedPoint);

248 clearInterval(interval);

249 clearInterval(interval);

249− if (Notification?.permission === 'granted' && notify) {

250+ if (notify) {

250− new Notification(

251+ showNotification(

251 `${message || getUpdatedPointMessage(updatedPoint, changedField)}`

252 `${message || getUpdatedPointMessage(updatedPoint, changedField)}`

252 );

253 );

253 }

254 }

@@ -530,6 +531,9 @@ export default function useRoller() {

530

531

531 setStoredInvites(ls, invites);

532 setStoredInvites(ls, invites);

532 getInvites();

533 getInvites();

534+ showNotification(

535+ `Your invite${invites.length > 1 ? 's have' : ' has'} been generated!`

536+ );

533 },

537 },

534 [

538 [

535 api,

539 api,

@@ -996,7 +1000,7 @@ export default function useRoller() {

996 }, [config, fetchConfig]);

1000 }, [config, fetchConfig]);

997

1001

998 useEffect(() => {

1002 useEffect(() => {

999− const time = isDevelopment ? 10000 : ONE_SECOND;

1003+ const time = ONE_SECOND;

1000

1004

1001 const interval = setInterval(() => {

1005 const interval = setInterval(() => {

1002 const nextRoll = getTimeToNextBatch(nextBatchTime, new Date().getTime());

1006 const nextRoll = getTimeToNextBatch(nextBatchTime, new Date().getTime());

@@ -1010,10 +1014,8 @@ export default function useRoller() {

1010 getPendingTransactions();

1014 getPendingTransactions();

1011

1015

1012 setTimeout(() => {

1016 setTimeout(() => {

1013− getPendingTransactions();

1014−

1015 if (!point.isDefault) {

1017 if (!point.isDefault) {

1016− getInvites();

1018+ getInvites(); // This will also get pending txns

1017 }

1019 }

1018 }, TEN_SECONDS); // Should this be more like a minute?

1020 }, TEN_SECONDS); // Should this be more like a minute?

1019 }

1021 }

src/lib/utils/notifications.tsnew file+5

@@ -0,0 +1,5 @@

1+export const showNotification = (message: string) => {

2+ if (Notification?.permission === 'granted') {

3+ new Notification(message);

4+ }

5+};

src/lib/utils/roller.ts+1−1

@@ -44,7 +44,7 @@ export const getTimeToNextBatch = (nextBatch: number, now: number) => {

44

45export const isL2 = (dom?: string) => dom === 'l2';

46

47−export const isL2Spawn = (dom?: string) => dom === 'spawn';

47+export const isL2Spawn = (dom?: string) => dom === 'l2' || dom === 'spawn';

48

49export const generateInviteWallet = async (point: number, seed: string) => {

50 const ticket = makeDeterministicTicket(point, seed);

src/store/lib/useControlledPointsStore.js+1−1

@@ -67,7 +67,7 @@ export default function useControlledPointsStore() {

67 Just(Result.Error('Failed to read the blockchain.'))

68 );

69 } else {

70− getPointsDetails(

70+ await getPointsDetails(

71 (ownedPointsL1 || []).concat(ownedPointsL2 || []).filter(onlyUnique),

72 (incomingPointsL1 || [])

73 .concat(incomingPointsL2 || [])

src/views/Ops/Ops.tsx+24−7

@@ -17,7 +17,7 @@ import L2BackHeader from 'components/L2/Headers/L2BackHeader';

17import './Ops.scss';

18

19export const Ops = () => {

20− const { pop, push, names }: any = useLocalRouter();

20+ const { pop, push, popAndPush, names }: any = useLocalRouter();

21 const { pointCursor }: any = usePointCursor();

22 const { point } = useRollerStore();

23 const _point = need.point(pointCursor);

@@ -29,6 +29,28 @@ export const Ops = () => {

29 names.ISSUE_CHILD,

30 push,

31 ]);

32+ const goUrbitOS = useCallback(() => popAndPush(names.URBIT_OS), [

33+ names.URBIT_OS,

34+ popAndPush,

35+ ]);

36+

37+ const getButtonContent = () => {

38+ if (!point.canSpawn) {

39+ return null;

40+ } else if (point.networkKeysSet) {

41+ return (

42+ <Button onClick={goIssuePoint} className="header-button">

43+ <Icon icon="Node" />  Spawn 

44+ {isGalaxy(_point) ? 'Stars' : 'Planets'}

45+ </Button>

46+ );

47+ }

48+ return (

49+ <Button onClick={goUrbitOS} className="header-button">

50+ Set Network Keys

51+ </Button>

52+ );

53+ };

32

54

33 return (

55 return (

34 <View

56 <View

@@ -41,12 +63,7 @@ export const Ops = () => {

41 <HeaderPane>

63 <HeaderPane>

42 <Row className="header-row">

64 <Row className="header-row">

43 <h5>{isGalaxy(_point) ? 'Galaxy' : 'Star'} Ops</h5>

65 <h5>{isGalaxy(_point) ? 'Galaxy' : 'Star'} Ops</h5>

44− {point.networkKeysSet && (

66+ {getButtonContent()}

45− <Button onClick={goIssuePoint} className="header-button">

46− <Icon icon="Node" />  Spawn 

47− {isGalaxy(_point) ? 'Stars' : 'Planets'}

48− </Button>

49− )}

50 </Row>

67 </Row>

51 </HeaderPane>

68 </HeaderPane>

52 <BodyPane>

69 <BodyPane>

src/views/Point/MigrateL2.tsx+4−6

@@ -128,12 +128,10 @@ export default function MigrateL2() {

128

129 useEffect(() => {

130 if (completed) {

131− checkForUpdates(

131+ const message = transfer

132+ ? `${selectedPoint.patp} has been migrated to Layer 2!`

133+ : `${selectedPoint.patp}'s spawn proxy has been set to Layer 2!`;

132− selectedPoint.value,

134+ checkForUpdates(selectedPoint.value, message, true, PointField.layer);

133− `${selectedPoint.patp} has been migrated to Layer 2!`,

134− true,

135− PointField.layer

136− );

137 pop();

135 pop();

138 }

136 }

139 }, [completed, pop]); // eslint-disable-line react-hooks/exhaustive-deps

137 }, [completed, pop]); // eslint-disable-line react-hooks/exhaustive-deps

src/views/UrbitID/Home.tsx+1−1

@@ -118,7 +118,7 @@ export default function UrbitIDHome() {

118 </Row>

119 )}

120

121− {point.isParent && networkRevision !== 0 && (

121+ {point.isParent && (

122 <Row className="between-row management">

123 <Box>

124 <Box>Spawn Proxy Address</Box>