feat: testnet mode #1057

estebanmino · 2023-10-13T18:34:02Z

Fixes BX-1076
Figma link (if any):

https://www.figma.com/file/hzfwKOddfRmeVO4KUsG9wM/branch/GDDUZ9kbFUvmcFyvzMQNOl/Rainbow-BX?node-id=9193%3A279613&mode=dev

What changed (plus any additional context for devs)

Testnet mode

green boders and top testnet bar all over the extension except for unlock screen
networks filtering depending on testnet mode and networks selected in settings
transactions filtering depending on testnet mode and networks selected in settings
assets filtering depending on testnet mode and networks selected in settings
testnet mode shortcut enabled or disabled depending on settings
dapp requests on testnet mode, green borders + top bar should send txs to testnets

Screen recordings / screenshots

https://www.loom.com/share/377edd32106d45fb99a08bbe8710bfb3

What to test

github-actions · 2023-10-13T18:54:23Z

Here's the packed extension for this build:
rainbowbx-6755c49707562ce57fde777eb43ee1a87e73bb73.zip

github-actions · 2023-10-17T16:05:25Z

Here's the packed extension for this build:
rainbowbx-5b67a38eed5ad354ef06c644c29845255eea4926.zip

github-actions · 2023-10-17T17:13:16Z

Here's the packed extension for this build:
rainbowbx-e942ca538a86ef090263df50717c7e513015945f.zip

github-actions · 2023-10-17T18:23:22Z

Here's the packed extension for this build:
rainbowbx-6c669890cc239961475e1505a84676331078c207.zip

linear · 2023-10-18T16:30:46Z

BX-1076 Testnets UI

Add testnet warning at the top.
Add testnet switch under settings => networks

Figma link: https://www.figma.com/file/hzfwKOddfRmeVO4KUsG9wM/Rainbow-BX?node-id=9333%3A286148&mode=dev

github-actions · 2023-10-18T16:44:56Z

Here's the packed extension for this build:
rainbowbx-b9ae0cc2d28455d022cd5f4969adf9201fbc52ec.zip

github-actions · 2023-10-19T13:53:20Z

Here's the packed extension for this build:
rainbowbx-37aee724d275877e1efcbbbbce57def5aab87e81.zip

github-actions · 2023-10-19T17:30:21Z

Here's the packed extension for this build:
node_modules.tar.gz
rainbowbx-03e029dd571d84218fa8cc860ba56efa07f2b513.zip

github-actions · 2023-10-20T13:40:24Z

Here's the packed extension for this build:
rainbowbx-cf17249d00eb0ba96ce5135fff5f86c7948b78c1.zip

github-actions · 2023-10-23T13:48:56Z

Here's the packed extension for this build:
rainbowbx-93e30ace9e8bda52362a13f37bc1f42e31857a6b.zip

github-actions · 2023-10-24T13:44:44Z

Here's the packed extension for this build:
node_modules.tar.gz
rainbowbx-d7d82aa2277780e22d5a545ab5ba7a4bd0d35a89.zip

derHowie

You're a beast

derHowie · 2023-10-24T14:25:33Z

src/entries/popup/components/TestnetBar/TestnetBar.tsx

+              </Box>
+              <MenuItem.TextIcon icon="🕹" />
+              <Text align="center" color="green" size="12pt" weight="heavy">
+                Testnet Mode


any sense in putting this in i18n?

changing now

derHowie · 2023-10-24T14:29:03Z

src/entries/popup/pages/home/TabHeader.tsx

@@ -86,7 +86,7 @@ export function TabHeader({
        display="flex"
        justifyContent="space-between"
        paddingHorizontal="20px"
-        style={{ maxHeight: 11, textTransform: 'capitalize' }}
+        // style={{ maxHeight: 11, textTransform: 'capitalize' }}


👀 was this maxHeight breaking UI when the testnet bar is showing? Would prefer to keep it if we can.

rolling back

oh ok rolling back

derHowie · 2023-10-24T14:31:31Z

static/json/languages/en_US.json

+          "phrase_copied": "Recovery Phrase Copied",
+          "copied": "Recovery Phrase Copied"


this looks like a dupe

github-actions · 2023-10-24T16:18:38Z

Here's the packed extension for this build:
rainbowbx-896b7ba7a4a86fa0a67556e5c6b380c48557a61b.zip

github-actions · 2023-10-24T17:19:01Z

Here's the packed extension for this build:
rainbowbx-f26e6cb83a079ef187aa2b82ba8873526cd33090.zip

brunobar79

Beast! 💯

brunobar79 · 2023-10-24T17:50:44Z

src/entries/popup/pages/send/ToAddressInput.tsx

@@ -358,7 +361,7 @@ export const ToAddressInput = React.forwardRef<InputRefAPI, ToAddressProps>(
      <>
        <DropdownInputWrapper
          zIndex={2}
-          dropdownHeight={452}
+          dropdownHeight={452 - (testnetMode ? TESTNET_MODE_BAR_HEIGHT : 0)}


Should we move this 452 into core utils dimensions? Not sure if we're planning to use anywhere else

hm i don't think we have the same height anywhere else

github-actions · 2023-10-25T13:47:09Z

Here's the packed extension for this build:
rainbowbx-384dc1973a36769cf12a74a6ad78d1cdd5acea71.zip

github-actions · 2023-10-25T14:11:10Z

Here's the packed extension for this build:
rainbowbx-471863bb467e37e5ea454a5db3a2ed808af9248a.zip

estebanmino force-pushed the @esteban/testnet-mode branch from 726e50c to 9c4e10d Compare October 17, 2023 15:43

estebanmino force-pushed the @esteban/testnet-mode branch from 2f42307 to a4b9495 Compare October 18, 2023 16:23

estebanmino marked this pull request as ready for review October 18, 2023 16:30

estebanmino requested review from brunobar79, greg-schrammel, derHowie and BrodyHughes October 18, 2023 16:31

estebanmino force-pushed the @esteban/testnet-mode branch from a4b9495 to 10d71b1 Compare October 19, 2023 13:30

estebanmino force-pushed the @esteban/testnet-mode branch from e734202 to 4e630a0 Compare October 20, 2023 13:21

estebanmino force-pushed the @esteban/testnet-mode branch from 4e630a0 to 107cac5 Compare October 23, 2023 13:29

estebanmino force-pushed the @esteban/testnet-mode branch from 107cac5 to 0af734a Compare October 24, 2023 13:20

derHowie approved these changes Oct 24, 2023

View reviewed changes

brunobar79 approved these changes Oct 24, 2023

View reviewed changes

estebanmino added 4 commits October 25, 2023 10:26

useUserAssets testnetMode flag

19719aa

using getSupportedTestnetChainIds to get assets

3866d08

testnet state with testnet toggle and testnet shortcut toggle

144babd

add shortcut + command k

336ba3e

estebanmino added 24 commits October 25, 2023 10:26

improve animation

38300dc

fix height when testnet is enabled

5b462c7

dont show testnetbar while unlocking

d4428b3

send validations

1d30f6d

handle testing alert for swaps and input heights on send

3e65fc1

make WarningInfo responsive to testnet bar

367e036

ui tweaks

b80d62a

secrets tweaks

5031251

rmlog

3da818e

fix activity out of boundaries

e5311f4

navigate to tx details

d7dbd3d

fix activity details for testnets

7e4dc8c

fix some alignments on dapp requests

dfefe40

network switcher testnet mode

360cb2c

setting networks label

e74597d

ordering testnets

0959254

simulate clock on tabbar when switching to testnet mode

59c3b6e

ApproveAppRequestWrapper

a9b40d2

send user to settings from magic menu

a1c906f

left hardhat op out of testnetsid

a08df3e

fix init issue

9c52af2

one rebase fix

5114090

code review

833b515

app css

b6e6cb3

estebanmino force-pushed the @esteban/testnet-mode branch from 9b77367 to b6e6cb3 Compare October 25, 2023 13:27

estebanmino merged commit 471863b into master Oct 25, 2023
16 checks passed

estebanmino deleted the @esteban/testnet-mode branch October 25, 2023 13:50

BrodyHughes mentioned this pull request Nov 7, 2023

changelogs v1.2.54, v1.2.56, v1.2.64, v1.2.71 #1119

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: testnet mode #1057

feat: testnet mode #1057

estebanmino commented Oct 13, 2023 •

edited

Loading

github-actions bot commented Oct 13, 2023

github-actions bot commented Oct 17, 2023

github-actions bot commented Oct 17, 2023

github-actions bot commented Oct 17, 2023

linear bot commented Oct 18, 2023

github-actions bot commented Oct 18, 2023

github-actions bot commented Oct 19, 2023

github-actions bot commented Oct 19, 2023

github-actions bot commented Oct 20, 2023

github-actions bot commented Oct 23, 2023

github-actions bot commented Oct 24, 2023

derHowie left a comment

derHowie Oct 24, 2023

estebanmino Oct 24, 2023

derHowie Oct 24, 2023

estebanmino Oct 24, 2023

estebanmino Oct 24, 2023

derHowie Oct 24, 2023

estebanmino Oct 24, 2023

github-actions bot commented Oct 24, 2023

github-actions bot commented Oct 24, 2023

brunobar79 left a comment

brunobar79 Oct 24, 2023

estebanmino Oct 25, 2023

github-actions bot commented Oct 25, 2023

github-actions bot commented Oct 25, 2023

		"phrase_copied": "Recovery Phrase Copied",
		"copied": "Recovery Phrase Copied"

feat: testnet mode #1057

feat: testnet mode #1057

Conversation

estebanmino commented Oct 13, 2023 • edited Loading

What changed (plus any additional context for devs)

Screen recordings / screenshots

What to test

github-actions bot commented Oct 13, 2023

github-actions bot commented Oct 17, 2023

github-actions bot commented Oct 17, 2023

github-actions bot commented Oct 17, 2023

linear bot commented Oct 18, 2023

github-actions bot commented Oct 18, 2023

github-actions bot commented Oct 19, 2023

github-actions bot commented Oct 19, 2023

github-actions bot commented Oct 20, 2023

github-actions bot commented Oct 23, 2023

github-actions bot commented Oct 24, 2023

derHowie left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

github-actions bot commented Oct 24, 2023

github-actions bot commented Oct 24, 2023

brunobar79 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

github-actions bot commented Oct 25, 2023

github-actions bot commented Oct 25, 2023

estebanmino commented Oct 13, 2023 •

edited

Loading