From 17ef344278f04ca15328af7d2c810a03d5805478 Mon Sep 17 00:00:00 2001 From: William Swanson Date: Fri, 5 Jan 2024 17:13:53 -0800 Subject: [PATCH] fixup! Replace the gradient background with blurred dots --- .../__snapshots__/CategoryModal.test.tsx.snap | 4 +- ...reateWalletAccountSetupScene.test.tsx.snap | 105 +- .../CreateWalletImportScene.test.tsx.snap | 105 +- ...reateWalletSelectCryptoScene.test.tsx.snap | 105 +- .../CreateWalletSelectFiatScene.test.tsx.snap | 106 +- .../CryptoExchangeQuoteScene.test.tsx.snap | 105 +- .../CurrencyNotificationScene.test.tsx.snap | 105 +- .../CurrencySettings.ui.test.tsx.snap | 105 +- .../EdgeLoginScene.test.tsx.snap | 105 +- .../__snapshots__/SendScene2.ui.test.tsx.snap | 1050 ++++++++++++----- .../__snapshots__/SettingsScene.test.tsx.snap | 210 +++- .../TransactionDetailsScene.test.tsx.snap | 210 +++- src/components/scenes/LoginScene.tsx | 2 + src/components/ui4/DotsBackground.tsx | 5 +- 14 files changed, 1614 insertions(+), 708 deletions(-) diff --git a/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap index 7af32cc507a..2e0af085963 100644 --- a/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap +++ b/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap @@ -182,7 +182,7 @@ exports[`CategoryModal should render with a subcategory 1`] = ` numberOfLines={1} style={ { - "color": "#000000", + "color": "black", "fontFamily": "Quicksand-Bold", "fontSize": 14, "marginHorizontal": 7, @@ -1451,7 +1451,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = ` numberOfLines={1} style={ { - "color": "#000000", + "color": "black", "fontFamily": "Quicksand-Bold", "fontSize": 14, "marginHorizontal": 7, diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap index a915c0dc776..cbb04a37d55 100644 --- a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`CreateWalletAccountSelect renders 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`CreateWalletAccountSelect renders 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`CreateWalletAccountSelect renders 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`CreateWalletAccountSelect renders 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap index e3181f4d22a..711c9663b5f 100644 --- a/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`CreateWalletImportScene should render with loading props 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`CreateWalletImportScene should render with loading props 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`CreateWalletImportScene should render with loading props 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap index 8942d78a363..f434ab8667a 100644 --- a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap index d8657e592f9..8547eaf5e67 100644 --- a/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] = "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] = gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] = gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] = rx="50%" ry="50%" /> + + @@ -317,7 +358,6 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] = "overflow": "hidden", }, { - "backgroundColor": "#000000", "borderRadius": 22, "height": 45, "marginLeft": 6, diff --git a/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap index aa6d534d3db..0d8dd8da3a5 100644 --- a/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`] "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`] gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`] gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`] rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap index 3c151b05664..2fc6f9e463e 100644 --- a/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap index 0799d41caca..56bbc500b35 100644 --- a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap @@ -14,7 +14,7 @@ exports[`CurrencySettings should render 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`CurrencySettings should render 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`CurrencySettings should render 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`CurrencySettings should render 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap index 02073b3ff62..6be847ef5d6 100644 --- a/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`EdgeLoginScene should render with loading props 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`EdgeLoginScene should render with loading props 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`EdgeLoginScene should render with loading props 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`EdgeLoginScene should render with loading props 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap index 3b459f68c65..5874c33e99e 100644 --- a/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap @@ -14,7 +14,7 @@ exports[`SendScene2 1 spendTarget 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`SendScene2 1 spendTarget 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`SendScene2 1 spendTarget 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`SendScene2 1 spendTarget 1`] = ` rx="50%" ry="50%" /> + + @@ -933,7 +974,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -974,19 +1015,17 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -1003,19 +1042,17 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -1024,6 +1061,35 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = ` rx="50%" ry="50%" /> + + @@ -2062,7 +2144,7 @@ exports[`SendScene2 2 spendTargets 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -2103,19 +2185,17 @@ exports[`SendScene2 2 spendTargets 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -2132,19 +2212,17 @@ exports[`SendScene2 2 spendTargets 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -2153,6 +2231,35 @@ exports[`SendScene2 2 spendTargets 1`] = ` rx="50%" ry="50%" /> + + @@ -3113,7 +3236,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -3154,19 +3277,17 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -3183,19 +3304,17 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -3204,6 +3323,35 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = ` rx="50%" ry="50%" /> + + @@ -4034,7 +4198,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -4075,19 +4239,17 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -4104,19 +4266,17 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -4125,6 +4285,35 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = ` rx="50%" ry="50%" /> + + @@ -4933,7 +5138,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -4974,19 +5179,17 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -5003,19 +5206,17 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -5024,6 +5225,35 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = ` rx="50%" ry="50%" /> + + @@ -5702,7 +5948,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -5743,19 +5989,17 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -5772,19 +6016,17 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -5793,6 +6035,35 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = ` rx="50%" ry="50%" /> + + @@ -6726,7 +7013,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -6767,19 +7054,17 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -6796,19 +7081,17 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -6817,6 +7100,35 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = ` rx="50%" ry="50%" /> + + @@ -7723,7 +8051,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -7764,19 +8092,17 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -7793,19 +8119,17 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -7814,6 +8138,35 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = ` rx="50%" ry="50%" /> + + @@ -8693,7 +9062,7 @@ exports[`SendScene2 Render SendScene 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -8734,19 +9103,17 @@ exports[`SendScene2 Render SendScene 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -8763,19 +9130,17 @@ exports[`SendScene2 Render SendScene 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -8784,6 +9149,35 @@ exports[`SendScene2 Render SendScene 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap index 5a21a9b14a7..22400448bb9 100644 --- a/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`MyComponent should render Locked SettingsOverview 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`MyComponent should render Locked SettingsOverview 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`MyComponent should render Locked SettingsOverview 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`MyComponent should render Locked SettingsOverview 1`] = ` rx="50%" ry="50%" /> + + @@ -2964,7 +3005,7 @@ exports[`MyComponent should render UnLocked SettingsOverview 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -3005,19 +3046,17 @@ exports[`MyComponent should render UnLocked SettingsOverview 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -3034,19 +3073,17 @@ exports[`MyComponent should render UnLocked SettingsOverview 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -3055,6 +3092,35 @@ exports[`MyComponent should render UnLocked SettingsOverview 1`] = ` rx="50%" ry="50%" /> + + diff --git a/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap index 0114fa25244..145c931cadc 100644 --- a/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap @@ -14,7 +14,7 @@ exports[`TransactionDetailsScene should render 1`] = ` "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -55,19 +55,17 @@ exports[`TransactionDetailsScene should render 1`] = ` gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -84,19 +82,17 @@ exports[`TransactionDetailsScene should render 1`] = ` gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -105,6 +101,35 @@ exports[`TransactionDetailsScene should render 1`] = ` rx="50%" ry="50%" /> + + @@ -1706,7 +1747,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi "top": 0, }, { - "backgroundColor": "#000000", + "backgroundColor": "black", }, ] } @@ -1747,19 +1788,17 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi gradient={ [ 0, - -15348865, - 0.3333, - -15348865, - 0.4167, - -183121025, - 0.5, - -652883073, - 0.8332999999999999, - 638962559, - 0.9167000000000001, - 169200511, + -6719437, + 0.125, + -174491597, + 0.25, + -644253645, + 0.75, + 647591987, + 0.875, + 177829939, 1, - 1428351, + 10057779, ] } gradientTransform={null} @@ -1776,19 +1815,17 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi gradient={ [ 0, - -8448565, - 0.3333, - -8448565, - 0.4167, - -176220725, - 0.5, - -645982773, - 0.8332999999999999, - 645862859, - 0.9167000000000001, - 176100811, + -812017255, + 0.125, + -963012199, + 0.25, + -1332110951, + 0.75, + 530160025, + 0.875, + 144284057, 1, - 8328651, + 10066329, ] } gradientTransform={null} @@ -1797,6 +1834,35 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi rx="50%" ry="50%" /> + + diff --git a/src/components/scenes/LoginScene.tsx b/src/components/scenes/LoginScene.tsx index 209d2d8aa0d..ba57638b980 100644 --- a/src/components/scenes/LoginScene.tsx +++ b/src/components/scenes/LoginScene.tsx @@ -26,6 +26,7 @@ import { withServices } from '../hoc/withServices' import { showHelpModal } from '../modals/HelpModal' import { UpdateModal } from '../modals/UpdateModal' import { Airship, showError } from '../services/AirshipInstance' +import { DotsBackground } from '../ui4/DotsBackground' import { LoadingScene } from './LoadingScene' // Sneak the BlurView over to the login UI: @@ -183,6 +184,7 @@ export function LoginSceneComponent(props: Props) { ) : ( + { + cachedLayout = event.nativeEvent.layout setLayout(event.nativeEvent.layout) }) @@ -74,6 +75,8 @@ export function DotsBackground(props: Props): JSX.Element { ) } +let cachedLayout = { width: 0, height: 0 } + function percent(ratio: number): string { return (100 * ratio).toFixed(2) + '%' }