Merge pull request #4685 from EdgeApp/william/dots-background

Blurred Dots Background
EdgeApp · Jan 10, 2024 · c4db920 · c4db920
2 parents 250f516 + 017d659
commit c4db920
Show file tree

Hide file tree

Showing 117 changed files with 4,476 additions and 923 deletions.
diff --git a/src/__tests__/components/ClickableRow.test.tsx b/src/__tests__/components/ClickableRow.test.tsx
@@ -12,17 +12,7 @@ describe('ClickableRow', () => {
     const fakeChild: React.ReactNode = 'String'
 
     const actual = renderer.render(
-      <ClickableRowComponent
-        onPress={() => undefined}
-        onLongPress={() => undefined}
-        highlight
-        gradient
-        autoHeight
-        underline
-        marginRem={11}
-        paddingRem={11}
-        theme={getTheme()}
-      >
+      <ClickableRowComponent onPress={() => undefined} onLongPress={() => undefined} autoHeight underline marginRem={11} paddingRem={11} theme={getTheme()}>
         {fakeChild}
       </ClickableRowComponent>
     )

diff --git a/src/__tests__/components/__snapshots__/ClickableRow.test.tsx.snap b/src/__tests__/components/__snapshots__/ClickableRow.test.tsx.snap
@@ -1,31 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ClickableRow should render with loading props 1`] = `
-<TouchableHighlight
+<TouchableOpacity
   accessible={false}
   onLongPress={[Function]}
   onPress={[Function]}
-  underlayColor="#06090c"
 >
-  <LinearGradient
-    colors={
-      [
-        "#06090c",
-        "#1b2f3b",
-      ]
-    }
-    end={
-      {
-        "x": 1,
-        "y": 0,
-      }
-    }
-    start={
-      {
-        "x": 0,
-        "y": 0,
-      }
-    }
+  <View
     style={
       [
         {
@@ -62,6 +43,6 @@ exports[`ClickableRow should render with loading props 1`] = `
     }
   >
     String
-  </LinearGradient>
-</TouchableHighlight>
+  </View>
+</TouchableOpacity>
 `;
diff --git 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": "#06090c",
+              "color": "#1a1a1a",
               "fontFamily": "Quicksand-Bold",
               "fontSize": 14,
               "marginHorizontal": 7,
@@ -1451,7 +1451,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
           numberOfLines={1}
           style={
             {
-              "color": "#06090c",
+              "color": "#1a1a1a",
               "fontFamily": "Quicksand-Bold",
               "fontSize": 14,
               "marginHorizontal": 7,

diff --git a/src/__tests__/scenes/__snapshots__/ChangePasswordScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/ChangePasswordScene.test.tsx.snap
@@ -2,7 +2,6 @@
 
 exports[`ChangePasswordComponent should render with loading props 1`] = `
 <SceneWrapper
-  background="theme"
   hasTabs={false}
 >
   <UNDEFINED

diff --git a/src/__tests__/scenes/__snapshots__/ChangePinScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/ChangePinScene.test.tsx.snap
@@ -2,7 +2,6 @@
 
 exports[`ChangePinComponent should render with loading props 1`] = `
 <SceneWrapper
-  background="theme"
   hasTabs={false}
 >
   <UNDEFINED

diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap
@@ -2,36 +2,198 @@
 
 exports[`CreateWalletAccountSelect renders 1`] = `
 [
-  <BVLinearGradient
-    colors={
+  <View
+    onLayout={[Function]}
+    style={
       [
-        4278585612,
-        4279971643,
+        {
+          "bottom": 0,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        {
+          "backgroundColor": "#1a1a1a",
+        },
       ]
     }
-    endPoint={
-      {
-        "x": 1,
-        "y": 0,
-      }
-    }
-    locations={null}
-    startPoint={
-      {
-        "x": 0,
-        "y": 0,
-      }
-    }
-    style={
-      {
-        "bottom": 0,
-        "left": 0,
-        "position": "absolute",
-        "right": 0,
-        "top": 0,
+  >
+    <RNSVGSvgView
+      align="xMidYMid"
+      bbHeight="0"
+      bbWidth="0"
+      focusable={false}
+      height={0}
+      meetOrSlice={0}
+      minX={0}
+      minY={0}
+      style={
+        {
+          "backgroundColor": "transparent",
+          "borderWidth": 0,
+        }
       }
-    }
-  />,
+      vbHeight={0}
+      vbWidth={0}
+      width={0}
+    >
+      <RNSVGGroup
+        fill={
+          {
+            "payload": 4278190080,
+            "type": 0,
+          }
+        }
+      >
+        <RNSVGDefs>
+          <RNSVGRadialGradient
+            cx="50%"
+            cy="50%"
+            fx="50%"
+            fy="50%"
+            gradient={
+              [
+                0,
+                -1,
+                0.125,
+                -167772161,
+                0.25,
+                -637534209,
+                0.75,
+                654311423,
+                0.875,
+                184549375,
+                1,
+                16777215,
+              ]
+            }
+            gradientTransform={null}
+            gradientUnits={0}
+            name="grad0"
+            rx="50%"
+            ry="50%"
+          />
+          <RNSVGRadialGradient
+            cx="50%"
+            cy="50%"
+            fx="50%"
+            fy="50%"
+            gradient={
+              [
+                0,
+                -216279,
+                0.0588,
+                -216279,
+                0.1765,
+                -167988439,
+                0.29410000000000003,
+                -637750487,
+                0.7646999999999999,
+                654095145,
+                0.8824,
+                184333097,
+                1,
+                16560937,
+              ]
+            }
+            gradientTransform={null}
+            gradientUnits={0}
+            name="grad1"
+            rx="50%"
+            ry="50%"
+          />
+          <RNSVGRadialGradient
+            cx="50%"
+            cy="50%"
+            fx="50%"
+            fy="50%"
+            gradient={
+              [
+                0,
+                -16719740,
+                0.4667,
+                -16719740,
+                0.5333,
+                -184491900,
+                0.6,
+                -654253948,
+                0.8667,
+                637591684,
+                0.9333,
+                167829636,
+                1,
+                57476,
+              ]
+            }
+            gradientTransform={null}
+            gradientUnits={0}
+            name="grad2"
+            rx="50%"
+            ry="50%"
+          />
+        </RNSVGDefs>
+        <RNSVGGroup
+          fill={
+            {
+              "payload": 4278190080,
+              "type": 0,
+            }
+          }
+          opacity={0.25}
+        >
+          <RNSVGCircle
+            cx="10%"
+            cy="10%"
+            fill={
+              {
+                "brushRef": "grad0",
+                "type": 1,
+              }
+            }
+            propList={
+              [
+                "fill",
+              ]
+            }
+            r="224.73239436619718"
+          />
+          <RNSVGCircle
+            cx="95%"
+            cy="30%"
+            fill={
+              {
+                "brushRef": "grad1",
+                "type": 1,
+              }
+            }
+            propList={
+              [
+                "fill",
+              ]
+            }
+            r="238.7781690140845"
+          />
+          <RNSVGCircle
+            cx="-15%"
+            cy="100%"
+            fill={
+              {
+                "brushRef": "grad2",
+                "type": 1,
+              }
+            }
+            propList={
+              [
+                "fill",
+              ]
+            }
+            r="421.37323943661977"
+          />
+        </RNSVGGroup>
+      </RNSVGGroup>
+    </RNSVGSvgView>
+  </View>,
   <RCTScrollView
     contentContainerStyle={
       {