From 72c0e3d91dfcc182d7956f151ec25dd165c7f92e Mon Sep 17 00:00:00 2001
From: salimtb <salim.toubal@outlook.com>
Date: Thu, 10 Oct 2024 12:34:37 +0200
Subject: [PATCH] fix: fix snapshot

---
 .../__snapshots__/index.test.tsx.snap         | 858 ++++++++++++++++++
 1 file changed, 858 insertions(+)

diff --git a/app/components/Views/OnboardingSuccess/OnboardingAssetsSettings/__snapshots__/index.test.tsx.snap b/app/components/Views/OnboardingSuccess/OnboardingAssetsSettings/__snapshots__/index.test.tsx.snap
index cb7709a24ac0..3b81aeecbadc 100644
--- a/app/components/Views/OnboardingSuccess/OnboardingAssetsSettings/__snapshots__/index.test.tsx.snap
+++ b/app/components/Views/OnboardingSuccess/OnboardingAssetsSettings/__snapshots__/index.test.tsx.snap
@@ -731,6 +731,864 @@ exports[`OnboardingAssetSettings should render correctly 1`] = `
             </View>
           </View>
         </TouchableOpacity>
+        <TouchableOpacity
+          avatarProps={
+            {
+              "imageSource": {
+                "default": {
+                  "uri": "MockImage",
+                },
+              },
+              "name": "Mainnet",
+              "variant": "Network",
+            }
+          }
+          secondaryText="etherscan.io"
+          style={
+            {
+              "backgroundColor": "#ffffff",
+              "borderColor": "#bbc0c5",
+              "borderRadius": 4,
+              "borderWidth": 0,
+              "padding": 16,
+            }
+          }
+          testID="celldisplay"
+          title="Mainnet"
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#ffffff",
+                  "borderRadius": 16,
+                  "height": 32,
+                  "justifyContent": "center",
+                  "marginRight": 16,
+                  "overflow": "hidden",
+                  "width": 32,
+                }
+              }
+              testID="cellbase-avatar"
+            >
+              <Image
+                onError={[Function]}
+                resizeMode="contain"
+                source={
+                  {
+                    "default": {
+                      "uri": "MockImage",
+                    },
+                  }
+                }
+                style={
+                  {
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="network-avatar-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "alignItems": "flex-start",
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+                testID="cellbase-avatar-title"
+              >
+                Mainnet
+              </Text>
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#6a737d",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 14,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 22,
+                  }
+                }
+              >
+                etherscan.io
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "marginLeft": 16,
+                }
+              }
+            >
+              <RCTSwitch
+                accessibilityRole="switch"
+                onChange={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
+                onTintColor="#0376c9"
+                style={
+                  [
+                    {
+                      "height": 31,
+                      "width": 51,
+                    },
+                    [
+                      {
+                        "alignSelf": "flex-start",
+                      },
+                      {
+                        "backgroundColor": "#bbc0c566",
+                        "borderRadius": 16,
+                      },
+                    ],
+                  ]
+                }
+                thumbTintColor="#ffffff"
+                tintColor="#bbc0c566"
+                value={true}
+              />
+            </View>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity
+          avatarProps={
+            {
+              "imageSource": undefined,
+              "name": "Goerli",
+              "variant": "Network",
+            }
+          }
+          secondaryText="etherscan.io"
+          style={
+            {
+              "backgroundColor": "#ffffff",
+              "borderColor": "#bbc0c5",
+              "borderRadius": 4,
+              "borderWidth": 0,
+              "padding": 16,
+            }
+          }
+          testID="celldisplay"
+          title="Goerli"
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#f2f4f6",
+                  "borderRadius": 16,
+                  "borderWidth": 1,
+                  "height": 32,
+                  "justifyContent": "center",
+                  "marginRight": 16,
+                  "overflow": "hidden",
+                  "width": 32,
+                }
+              }
+              testID="cellbase-avatar"
+            >
+              <Text
+                accessibilityRole="text"
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+              >
+                G
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "alignItems": "flex-start",
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+                testID="cellbase-avatar-title"
+              >
+                Goerli
+              </Text>
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#6a737d",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 14,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 22,
+                  }
+                }
+              >
+                etherscan.io
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "marginLeft": 16,
+                }
+              }
+            >
+              <RCTSwitch
+                accessibilityRole="switch"
+                onChange={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
+                onTintColor="#0376c9"
+                style={
+                  [
+                    {
+                      "height": 31,
+                      "width": 51,
+                    },
+                    [
+                      {
+                        "alignSelf": "flex-start",
+                      },
+                      {
+                        "backgroundColor": "#bbc0c566",
+                        "borderRadius": 16,
+                      },
+                    ],
+                  ]
+                }
+                thumbTintColor="#ffffff"
+                tintColor="#bbc0c566"
+                value={true}
+              />
+            </View>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity
+          avatarProps={
+            {
+              "imageSource": {
+                "default": {
+                  "uri": "MockImage",
+                },
+              },
+              "name": "Sepolia",
+              "variant": "Network",
+            }
+          }
+          secondaryText="etherscan.io"
+          style={
+            {
+              "backgroundColor": "#ffffff",
+              "borderColor": "#bbc0c5",
+              "borderRadius": 4,
+              "borderWidth": 0,
+              "padding": 16,
+            }
+          }
+          testID="celldisplay"
+          title="Sepolia"
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#ffffff",
+                  "borderRadius": 16,
+                  "height": 32,
+                  "justifyContent": "center",
+                  "marginRight": 16,
+                  "overflow": "hidden",
+                  "width": 32,
+                }
+              }
+              testID="cellbase-avatar"
+            >
+              <Image
+                onError={[Function]}
+                resizeMode="contain"
+                source={
+                  {
+                    "default": {
+                      "uri": "MockImage",
+                    },
+                  }
+                }
+                style={
+                  {
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="network-avatar-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "alignItems": "flex-start",
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+                testID="cellbase-avatar-title"
+              >
+                Sepolia
+              </Text>
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#6a737d",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 14,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 22,
+                  }
+                }
+              >
+                etherscan.io
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "marginLeft": 16,
+                }
+              }
+            >
+              <RCTSwitch
+                accessibilityRole="switch"
+                onChange={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
+                onTintColor="#0376c9"
+                style={
+                  [
+                    {
+                      "height": 31,
+                      "width": 51,
+                    },
+                    [
+                      {
+                        "alignSelf": "flex-start",
+                      },
+                      {
+                        "backgroundColor": "#bbc0c566",
+                        "borderRadius": 16,
+                      },
+                    ],
+                  ]
+                }
+                thumbTintColor="#ffffff"
+                tintColor="#bbc0c566"
+                value={true}
+              />
+            </View>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity
+          avatarProps={
+            {
+              "imageSource": undefined,
+              "name": "Linea Goerli",
+              "variant": "Network",
+            }
+          }
+          secondaryText="lineascan.build"
+          style={
+            {
+              "backgroundColor": "#ffffff",
+              "borderColor": "#bbc0c5",
+              "borderRadius": 4,
+              "borderWidth": 0,
+              "padding": 16,
+            }
+          }
+          testID="celldisplay"
+          title="Linea Goerli"
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#f2f4f6",
+                  "borderRadius": 16,
+                  "borderWidth": 1,
+                  "height": 32,
+                  "justifyContent": "center",
+                  "marginRight": 16,
+                  "overflow": "hidden",
+                  "width": 32,
+                }
+              }
+              testID="cellbase-avatar"
+            >
+              <Text
+                accessibilityRole="text"
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+              >
+                L
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "alignItems": "flex-start",
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+                testID="cellbase-avatar-title"
+              >
+                Linea Goerli
+              </Text>
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#6a737d",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 14,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 22,
+                  }
+                }
+              >
+                lineascan.build
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "marginLeft": 16,
+                }
+              }
+            >
+              <RCTSwitch
+                accessibilityRole="switch"
+                onChange={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
+                onTintColor="#0376c9"
+                style={
+                  [
+                    {
+                      "height": 31,
+                      "width": 51,
+                    },
+                    [
+                      {
+                        "alignSelf": "flex-start",
+                      },
+                      {
+                        "backgroundColor": "#bbc0c566",
+                        "borderRadius": 16,
+                      },
+                    ],
+                  ]
+                }
+                thumbTintColor="#ffffff"
+                tintColor="#bbc0c566"
+                value={true}
+              />
+            </View>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity
+          avatarProps={
+            {
+              "imageSource": {
+                "default": {
+                  "uri": "MockImage",
+                },
+              },
+              "name": "Linea Sepolia",
+              "variant": "Network",
+            }
+          }
+          secondaryText="lineascan.build"
+          style={
+            {
+              "backgroundColor": "#ffffff",
+              "borderColor": "#bbc0c5",
+              "borderRadius": 4,
+              "borderWidth": 0,
+              "padding": 16,
+            }
+          }
+          testID="celldisplay"
+          title="Linea Sepolia"
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#ffffff",
+                  "borderRadius": 16,
+                  "height": 32,
+                  "justifyContent": "center",
+                  "marginRight": 16,
+                  "overflow": "hidden",
+                  "width": 32,
+                }
+              }
+              testID="cellbase-avatar"
+            >
+              <Image
+                onError={[Function]}
+                resizeMode="contain"
+                source={
+                  {
+                    "default": {
+                      "uri": "MockImage",
+                    },
+                  }
+                }
+                style={
+                  {
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="network-avatar-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "alignItems": "flex-start",
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+                testID="cellbase-avatar-title"
+              >
+                Linea Sepolia
+              </Text>
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#6a737d",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 14,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 22,
+                  }
+                }
+              >
+                lineascan.build
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "marginLeft": 16,
+                }
+              }
+            >
+              <RCTSwitch
+                accessibilityRole="switch"
+                onChange={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
+                onTintColor="#0376c9"
+                style={
+                  [
+                    {
+                      "height": 31,
+                      "width": 51,
+                    },
+                    [
+                      {
+                        "alignSelf": "flex-start",
+                      },
+                      {
+                        "backgroundColor": "#bbc0c566",
+                        "borderRadius": 16,
+                      },
+                    ],
+                  ]
+                }
+                thumbTintColor="#ffffff"
+                tintColor="#bbc0c566"
+                value={true}
+              />
+            </View>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity
+          avatarProps={
+            {
+              "imageSource": {
+                "default": {
+                  "uri": "MockImage",
+                },
+              },
+              "name": "Linea Mainnet",
+              "variant": "Network",
+            }
+          }
+          secondaryText="lineascan.build"
+          style={
+            {
+              "backgroundColor": "#ffffff",
+              "borderColor": "#bbc0c5",
+              "borderRadius": 4,
+              "borderWidth": 0,
+              "padding": 16,
+            }
+          }
+          testID="celldisplay"
+          title="Linea Mainnet"
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+          >
+            <View
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#ffffff",
+                  "borderRadius": 16,
+                  "height": 32,
+                  "justifyContent": "center",
+                  "marginRight": 16,
+                  "overflow": "hidden",
+                  "width": 32,
+                }
+              }
+              testID="cellbase-avatar"
+            >
+              <Image
+                onError={[Function]}
+                resizeMode="contain"
+                source={
+                  {
+                    "default": {
+                      "uri": "MockImage",
+                    },
+                  }
+                }
+                style={
+                  {
+                    "height": 32,
+                    "width": 32,
+                  }
+                }
+                testID="network-avatar-image"
+              />
+            </View>
+            <View
+              style={
+                {
+                  "alignItems": "flex-start",
+                  "flex": 1,
+                }
+              }
+            >
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#141618",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 16,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 24,
+                  }
+                }
+                testID="cellbase-avatar-title"
+              >
+                Linea Mainnet
+              </Text>
+              <Text
+                accessibilityRole="text"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#6a737d",
+                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontSize": 14,
+                    "fontWeight": "400",
+                    "letterSpacing": 0,
+                    "lineHeight": 22,
+                  }
+                }
+              >
+                lineascan.build
+              </Text>
+            </View>
+            <View
+              style={
+                {
+                  "marginLeft": 16,
+                }
+              }
+            >
+              <RCTSwitch
+                accessibilityRole="switch"
+                onChange={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
+                onTintColor="#0376c9"
+                style={
+                  [
+                    {
+                      "height": 31,
+                      "width": 51,
+                    },
+                    [
+                      {
+                        "alignSelf": "flex-start",
+                      },
+                      {
+                        "backgroundColor": "#bbc0c566",
+                        "borderRadius": 16,
+                      },
+                    ],
+                  ]
+                }
+                thumbTintColor="#ffffff"
+                tintColor="#bbc0c566"
+                value={true}
+              />
+            </View>
+          </View>
+        </TouchableOpacity>
       </View>
     </View>
     <View