From 7d6d6ac0eda5761d2fd3e4b0f22d016faab53321 Mon Sep 17 00:00:00 2001
From: youngkidwarrior <victor@she.energy>
Date: Fri, 15 Nov 2024 10:48:42 -0800
Subject: [PATCH] No buttons in account card

---
 .../__snapshots__/screen.test.tsx.snap        | 2159 +++++++++--------
 packages/app/features/account/screen.tsx      |  332 +--
 2 files changed, 1280 insertions(+), 1211 deletions(-)

diff --git a/packages/app/features/account/__snapshots__/screen.test.tsx.snap b/packages/app/features/account/__snapshots__/screen.test.tsx.snap
index 0de56944a..fdfd467a9 100644
--- a/packages/app/features/account/__snapshots__/screen.test.tsx.snap
+++ b/packages/app/features/account/__snapshots__/screen.test.tsx.snap
@@ -5,118 +5,140 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
   style={
     {
       "alignItems": "center",
+      "bottom": 0,
+      "flex": 1,
       "flexDirection": "column",
       "gap": 24,
-      "paddingBottom": 24,
-      "paddingTop": 13,
-      "width": "100%",
+      "left": 0,
+      "position": "absolute",
+      "right": 0,
+      "top": 0,
     }
   }
 >
   <View
     style={
       {
-        "backgroundColor": "#111f22",
-        "borderBottomLeftRadius": 16,
-        "borderBottomRightRadius": 16,
-        "borderTopLeftRadius": 16,
-        "borderTopRightRadius": 16,
-        "flexDirection": "column",
+        "alignItems": "center",
         "maxWidth": 400,
+        "paddingTop": 13,
+        "position": "relative",
+        "width": "100%",
       }
     }
   >
     <View
       style={
         {
-          "alignItems": "flex-start",
+          "alignItems": "center",
           "flexDirection": "column",
           "height": "100%",
+          "justifyContent": "flex-start",
+          "width": "100%",
         }
       }
     >
       <View
         style={
           {
-            "flexDirection": "column",
-            "position": "relative",
+            "alignItems": "flex-start",
+            "display": "none",
+            "maxWidth": 400,
+            "width": "100%",
+          }
+        }
+      />
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 16,
+            "width": "100%",
           }
         }
       >
         <View
+          cancelable={[Function]}
+          disabled={false}
+          focusVisibleStyle={{}}
+          focusable={[Function]}
+          minPressDuration={0}
+          onBlur={[Function]}
+          onFocus={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
+          onPress={[Function]}
+          onPressIn={[Function]}
+          onPressOut={[Function]}
+          role="button"
           style={
             {
               "alignItems": "center",
-              "backgroundColor": "#3E4A3C",
-              "borderTopLeftRadius": 16,
-              "borderTopRightRadius": 16,
-              "flexDirection": "column",
-              "height": 400,
+              "backgroundColor": "#081619",
+              "borderBottomColor": "transparent",
+              "borderBottomLeftRadius": 7,
+              "borderBottomRightRadius": 7,
+              "borderBottomWidth": 1,
+              "borderLeftColor": "transparent",
+              "borderLeftWidth": 1,
+              "borderRightColor": "transparent",
+              "borderRightWidth": 1,
+              "borderStyle": "solid",
+              "borderTopColor": "transparent",
+              "borderTopLeftRadius": 7,
+              "borderTopRightRadius": 7,
+              "borderTopWidth": 1,
+              "display": "flex",
+              "flexBasis": "50%",
+              "flexDirection": "row",
+              "flexShrink": 1,
+              "flexWrap": "nowrap",
+              "height": 44,
               "justifyContent": "center",
-              "maxHeight": 400,
-              "maxWidth": 400,
-              "minHeight": 400,
-              "minWidth": 400,
-              "overflow": "hidden",
-              "position": "relative",
-              "width": 400,
+              "paddingLeft": 18,
+              "paddingRight": 18,
             }
           }
         >
           <View
             style={
               {
-                "bottom": 0,
-                "flexDirection": "column",
-                "left": 0,
-                "position": "absolute",
-                "right": 0,
-                "top": 0,
-                "zIndex": 1,
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 8,
+                "justifyContent": "space-between",
               }
             }
           >
-            <Image
-              accessibilityLabel=""
-              fullscreen={true}
-              onError={[Function]}
-              onLoad={[Function]}
-              source={
-                {
-                  "uri": "https://example.com",
-                }
-              }
+            <Text
+              lineBreakMode="clip"
+              numberOfLines={1}
               style={
                 {
-                  "height": 400,
-                  "width": 400,
+                  "color": "#12643F",
+                  "flexGrow": 0,
+                  "flexShrink": 1,
+                  "fontFamily": "System",
+                  "fontSize": 16.8,
+                  "fontWeight": 600,
+                  "lineHeight": 19,
+                  "textTransform": "uppercase",
+                  "userSelect": "none",
                 }
               }
-            />
-          </View>
-          <View
-            style={
-              {
-                "alignItems": "center",
-                "bottom": 0,
-                "flex": 1,
-                "flexDirection": "column",
-                "left": 0,
-                "position": "absolute",
-                "right": 0,
-                "top": 0,
-                "zIndex": 0,
-              }
-            }
-          >
+              suppressHighlighting={true}
+            >
+              Settings
+            </Text>
             <RNSVGSvgView
               align="xMidYMid"
-              bbHeight={360}
-              bbWidth={360}
-              color="#40FB50"
+              bbHeight={24}
+              bbWidth={24}
+              color="#12643F"
               fill="none"
               focusable={false}
-              height={360}
+              height={24}
               meetOrSlice={0}
               minX={0}
               minY={0}
@@ -127,18 +149,20 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                     "backgroundColor": "transparent",
                     "borderWidth": 0,
                   },
-                  {},
+                  {
+                    "color": "#12643F",
+                  },
                   {
                     "flex": 0,
-                    "height": 360,
-                    "width": 360,
+                    "height": 24,
+                    "width": 24,
                   },
                 ]
               }
-              tintColor="#40FB50"
-              vbHeight={20}
-              vbWidth={20}
-              width={360}
+              tintColor="#12643F"
+              vbHeight={24}
+              vbWidth={24}
+              width={24}
             >
               <RNSVGGroup
                 fill={null}
@@ -151,7 +175,7 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                 strokeWidth="2"
               >
                 <RNSVGPath
-                  d="M9.99967 9.97913C9.08301 9.97913 8.33301 9.68746 7.74967 9.10413C7.16634 8.52079 6.87467 7.77079 6.87467 6.85413C6.87467 5.93746 7.16634 5.18746 7.74967 4.60413C8.33301 4.02079 9.08301 3.72913 9.99967 3.72913C10.9163 3.72913 11.6663 4.02079 12.2497 4.60413C12.833 5.18746 13.1247 5.93746 13.1247 6.85413C13.1247 7.77079 12.833 8.52079 12.2497 9.10413C11.6663 9.68746 10.9163 9.97913 9.99967 9.97913ZM3.33301 16.6666V14.7083C3.33301 14.1805 3.46495 13.7291 3.72884 13.3541C3.99273 12.9791 4.33301 12.6944 4.74967 12.5C5.68023 12.0833 6.57259 11.7708 7.42676 11.5625C8.28092 11.3541 9.13856 11.25 9.99967 11.25C10.8608 11.25 11.715 11.3576 12.5622 11.5729C13.4094 11.7882 14.2977 12.0985 15.2272 12.504C15.6619 12.7002 16.0105 12.9847 16.2728 13.3575C16.5352 13.7302 16.6663 14.1805 16.6663 14.7083V16.6666H3.33301ZM4.58301 15.4166H15.4163V14.7083C15.4163 14.4861 15.3504 14.2743 15.2184 14.0729C15.0865 13.8715 14.9233 13.7222 14.7288 13.625C13.84 13.1944 13.0275 12.8993 12.2913 12.7395C11.5552 12.5798 10.7913 12.5 9.99967 12.5C9.20801 12.5 8.43717 12.5798 7.68717 12.7395C6.93717 12.8993 6.12467 13.1944 5.24967 13.625C5.05523 13.7222 4.89551 13.8715 4.77051 14.0729C4.64551 14.2743 4.58301 14.4861 4.58301 14.7083V15.4166ZM9.99967 8.72913C10.5413 8.72913 10.9893 8.55204 11.3434 8.19788C11.6976 7.84371 11.8747 7.39579 11.8747 6.85413C11.8747 6.31246 11.6976 5.86454 11.3434 5.51038C10.9893 5.15621 10.5413 4.97913 9.99967 4.97913C9.45801 4.97913 9.01009 5.15621 8.65592 5.51038C8.30176 5.86454 8.12467 6.31246 8.12467 6.85413C8.12467 7.39579 8.30176 7.84371 8.65592 8.19788C9.01009 8.55204 9.45801 8.72913 9.99967 8.72913Z"
+                  d="M13.9001 2.3999C14.0453 2.39991 14.1867 2.44599 14.304 2.53151C14.4213 2.61703 14.5085 2.73758 14.5529 2.87579L15.3072 5.21956C15.624 5.37453 15.9271 5.5487 16.2164 5.74482L18.6247 5.22642C18.7666 5.1961 18.9146 5.21164 19.0472 5.27079C19.1798 5.32994 19.2902 5.42965 19.3625 5.55556L21.2633 8.84562C21.3359 8.97145 21.3666 9.11709 21.3511 9.26153C21.3356 9.40597 21.2746 9.54174 21.1769 9.64927L19.5243 11.4733C19.5484 11.823 19.5484 12.174 19.5243 12.5238L21.1769 14.3505C21.2746 14.4581 21.3356 14.5938 21.3511 14.7383C21.3666 14.8827 21.3359 15.0284 21.2633 15.1542L19.3625 18.4456C19.29 18.5713 19.1795 18.6707 19.0469 18.7296C18.9143 18.7885 18.7665 18.8038 18.6247 18.7734L16.2164 18.255C15.9284 18.4497 15.624 18.6253 15.3085 18.7802L14.5529 21.124C14.5085 21.2622 14.4213 21.3828 14.304 21.4683C14.1867 21.5538 14.0453 21.5999 13.9001 21.5999H10.0985C9.95331 21.5999 9.81188 21.5538 9.69456 21.4683C9.57725 21.3828 9.49011 21.2622 9.44568 21.124L8.69277 18.7816C8.37682 18.6271 8.07207 18.4507 7.78077 18.2536L5.37391 18.7734C5.23192 18.8037 5.08397 18.7882 4.95138 18.729C4.81878 18.6699 4.70838 18.5702 4.63608 18.4442L2.73528 15.1542C2.6627 15.0284 2.63196 14.8827 2.64748 14.7383C2.66301 14.5938 2.72401 14.4581 2.82168 14.3505L4.47425 12.5238C4.45032 12.1749 4.45032 11.8249 4.47425 11.476L2.82168 9.64927C2.72401 9.54174 2.66301 9.40597 2.64748 9.26153C2.63196 9.11709 2.6627 8.97145 2.73528 8.84562L4.63608 5.55419C4.70858 5.42853 4.81907 5.3291 4.95165 5.2702C5.08423 5.21131 5.23207 5.19598 5.37391 5.22642L7.78077 5.74619C8.07151 5.55007 8.37597 5.37316 8.69277 5.21819L9.44705 2.87579C9.49133 2.73802 9.57806 2.61779 9.69483 2.53231C9.81159 2.44683 9.9524 2.40049 10.0971 2.3999H13.8987H13.9001ZM13.3981 3.77133H10.6004L9.82146 6.19465L9.2962 6.4511C9.03798 6.57746 8.78871 6.72134 8.55014 6.88173L8.06466 7.21087L5.57414 6.67327L4.17528 9.09796L5.88271 10.9878L5.84157 11.5693C5.82186 11.856 5.82186 12.1438 5.84157 12.4305L5.88271 13.012L4.17254 14.9018L5.57277 17.3265L8.06328 16.7903L8.54877 17.1181C8.78734 17.2785 9.03661 17.4223 9.29483 17.5487L9.82008 17.8052L10.6004 20.2285H13.4009L14.1826 17.8038L14.7065 17.5487C14.9644 17.4226 15.2133 17.2787 15.4512 17.1181L15.9353 16.7903L18.4272 17.3265L19.826 14.9018L18.1172 13.012L18.1584 12.4305C18.1781 12.1433 18.1781 11.8551 18.1584 11.5679L18.1172 10.9864L19.8274 9.09796L18.4272 6.67327L15.9353 7.20813L15.4512 6.88173C15.2133 6.72102 14.9644 6.57713 14.7065 6.4511L14.1826 6.19602L13.3995 3.77133H13.3981ZM11.9993 7.88562C13.0905 7.88562 14.1369 8.31909 14.9085 9.09066C15.6801 9.86224 16.1136 10.9087 16.1136 11.9999C16.1136 13.0911 15.6801 14.1376 14.9085 14.9091C14.1369 15.6807 13.0905 16.1142 11.9993 16.1142C10.9081 16.1142 9.86162 15.6807 9.09004 14.9091C8.31847 14.1376 7.885 13.0911 7.885 11.9999C7.885 10.9087 8.31847 9.86224 9.09004 9.09066C9.86162 8.31909 10.9081 7.88562 11.9993 7.88562ZM11.9993 9.25705C11.2718 9.25705 10.5742 9.54602 10.0598 10.0604C9.54541 10.5748 9.25643 11.2725 9.25643 11.9999C9.25643 12.7274 9.54541 13.425 10.0598 13.9394C10.5742 14.4538 11.2718 14.7428 11.9993 14.7428C12.7267 14.7428 13.4244 14.4538 13.9388 13.9394C14.4532 13.425 14.7421 12.7274 14.7421 11.9999C14.7421 11.2725 14.4532 10.5748 13.9388 10.0604C13.4244 9.54602 12.7267 9.25705 11.9993 9.25705Z"
                   fill={
                     {
                       "type": 2,
@@ -168,100 +192,191 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
           </View>
         </View>
         <View
-          pointerEvents="none"
-          style={
+          cancelable={true}
+          disabled={false}
+          focusVisibleStyle={
             {
-              "bottom": 0,
-              "flexDirection": "column",
-              "height": 94,
-              "overflow": "hidden",
-              "position": "absolute",
-              "width": "100%",
-              "zIndex": 2,
+              "backgroundColor": "transparent",
+              "borderBottomColor": "#86AE80",
+              "borderLeftColor": "#86AE80",
+              "borderRightColor": "#86AE80",
+              "borderTopColor": "#86AE80",
             }
           }
-        >
-          <ViewManagerAdapter_ExpoLinearGradient
-            colors={
-              [
-                4279312162,
-                4279312162,
-                0,
-              ]
-            }
-            endPoint={
-              [
-                0,
-                0,
-              ]
-            }
-            startPoint={
-              [
-                0,
-                1,
-              ]
-            }
-            style={
-              {
-                "bottom": 0,
-                "left": 0,
-                "position": "absolute",
-                "right": 0,
-                "top": 0,
-                "zIndex": 0,
-              }
-            }
-          />
-        </View>
-        <View
+          focusable={[Function]}
+          minPressDuration={0}
+          onBlur={[Function]}
+          onFocus={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
+          onPress={[Function]}
+          onPressIn={[Function]}
+          onPressOut={[Function]}
+          role="button"
           style={
             {
               "alignItems": "center",
-              "bottom": "0",
+              "backgroundColor": "transparent",
+              "borderBottomColor": "#40FB50",
+              "borderBottomLeftRadius": 7,
+              "borderBottomRightRadius": 7,
+              "borderBottomWidth": 2,
+              "borderLeftColor": "#40FB50",
+              "borderLeftWidth": 2,
+              "borderRightColor": "#40FB50",
+              "borderRightWidth": 2,
+              "borderStyle": "solid",
+              "borderTopColor": "#40FB50",
+              "borderTopLeftRadius": 7,
+              "borderTopRightRadius": 7,
+              "borderTopWidth": 2,
+              "flexBasis": "50%",
               "flexDirection": "row",
-              "justifyContent": "space-between",
-              "paddingLeft": 40,
-              "paddingRight": 40,
-              "position": "absolute",
-              "width": "100%",
-              "zIndex": 3,
+              "flexShrink": 1,
+              "flexWrap": "nowrap",
+              "height": 44,
+              "justifyContent": "center",
+              "paddingLeft": 18,
+              "paddingRight": 18,
             }
           }
         >
-          <Text
-            accessibilityRole="header"
+          <View
             style={
               {
-                "color": "#FFFFFF",
-                "fontFamily": "System",
-                "fontSize": 46,
-                "fontWeight": "900",
-                "lineHeight": 27,
-                "marginBottom": 0,
-                "marginLeft": 0,
-                "marginRight": 0,
-                "marginTop": 0,
-                "textTransform": "none",
-                "userSelect": "auto",
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 8,
+                "justifyContent": "space-between",
               }
             }
-            suppressHighlighting={true}
           >
-            NO NAME
-          </Text>
+            <Text
+              lineBreakMode="clip"
+              numberOfLines={1}
+              style={
+                {
+                  "color": "#FFFFFF",
+                  "flexGrow": 0,
+                  "flexShrink": 1,
+                  "fontFamily": "System",
+                  "fontSize": 16.8,
+                  "fontWeight": 600,
+                  "lineHeight": 19,
+                  "textTransform": "uppercase",
+                  "userSelect": "none",
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Share
+            </Text>
+            <RNSVGSvgView
+              align="xMidYMid"
+              bbHeight={20}
+              bbWidth={20}
+              color="#FFFFFF"
+              fill="none"
+              focusable={false}
+              height={20}
+              meetOrSlice={0}
+              minX={0}
+              minY={0}
+              strokeWidth="2"
+              style={
+                [
+                  {
+                    "backgroundColor": "transparent",
+                    "borderWidth": 0,
+                  },
+                  {
+                    "color": "#FFFFFF",
+                  },
+                  {
+                    "flex": 0,
+                    "height": 20,
+                    "width": 20,
+                  },
+                ]
+              }
+              tintColor="#FFFFFF"
+              vbHeight={24}
+              vbWidth={24}
+              width={20}
+            >
+              <RNSVGGroup
+                fill={null}
+                propList={
+                  [
+                    "fill",
+                    "strokeWidth",
+                  ]
+                }
+                strokeWidth="2"
+              >
+                <RNSVGPath
+                  d="M4.19995 10.8V18.48C4.19995 18.9892 4.40224 19.4776 4.76231 19.8376C5.12238 20.1977 5.61074 20.4 6.11995 20.4H17.64C18.1492 20.4 18.6375 20.1977 18.9976 19.8376C19.3577 19.4776 19.56 18.9892 19.56 18.48V10.8M15.72 7.43998L11.88 3.59998M11.88 3.59998L8.03995 7.43998M11.88 3.59998V13.68"
+                  fill={
+                    {
+                      "payload": 4278190080,
+                      "type": 0,
+                    }
+                  }
+                  propList={
+                    [
+                      "stroke",
+                      "strokeWidth",
+                      "strokeLinecap",
+                      "strokeLinejoin",
+                    ]
+                  }
+                  stroke={
+                    {
+                      "type": 2,
+                    }
+                  }
+                  strokeLinecap={1}
+                  strokeLinejoin={1}
+                  strokeWidth="2"
+                />
+              </RNSVGGroup>
+            </RNSVGSvgView>
+          </View>
         </View>
       </View>
+    </View>
+  </View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "flexDirection": "column",
+        "gap": 24,
+        "paddingBottom": 24,
+        "width": "100%",
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "backgroundColor": "#111f22",
+          "borderBottomLeftRadius": 16,
+          "borderBottomRightRadius": 16,
+          "borderTopLeftRadius": 16,
+          "borderTopRightRadius": 16,
+          "flexDirection": "column",
+          "maxWidth": 400,
+          "position": "relative",
+        }
+      }
+    >
       <View
         style={
           {
-            "flex": 1,
+            "alignItems": "flex-start",
             "flexDirection": "column",
-            "justifyContent": "space-between",
-            "paddingBottom": 40,
-            "paddingLeft": 40,
-            "paddingRight": 40,
-            "paddingTop": 40,
-            "width": "100%",
+            "height": "100%",
           }
         }
       >
@@ -269,172 +384,84 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
           style={
             {
               "flexDirection": "column",
+              "position": "relative",
             }
           }
         >
           <View
             style={
               {
-                "flexDirection": "row",
-                "gap": 8,
+                "alignItems": "center",
+                "backgroundColor": "#3E4A3C",
+                "borderTopLeftRadius": 16,
+                "borderTopRightRadius": 16,
+                "flexDirection": "column",
+                "height": 400,
+                "justifyContent": "center",
+                "maxHeight": 400,
+                "maxWidth": 400,
+                "minHeight": 400,
+                "minWidth": 400,
+                "overflow": "hidden",
+                "position": "relative",
+                "width": 400,
               }
             }
           >
-            <Text
+            <View
               style={
                 {
-                  "color": "#B2B2B2",
-                  "fontFamily": "System",
-                  "fontSize": 21.599999999999998,
-                  "fontWeight": "600",
-                  "lineHeight": 23,
-                  "userSelect": "auto",
+                  "bottom": 0,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 1,
                 }
               }
-              suppressHighlighting={true}
             >
-              Send ID:
-            </Text>
-            <Text
-              style={
-                {
-                  "color": "#FFFFFF",
-                  "fontFamily": "System",
-                  "fontSize": 21.599999999999998,
-                  "fontWeight": "600",
-                  "lineHeight": 23,
-                  "userSelect": "auto",
+              <Image
+                accessibilityLabel=""
+                fullscreen={true}
+                onError={[Function]}
+                onLoad={[Function]}
+                source={
+                  {
+                    "uri": "https://example.com",
+                  }
                 }
-              }
-              suppressHighlighting={true}
-            />
-          </View>
-          <View
-            style={
-              {
-                "flexDirection": "row",
-                "flexGrow": 1,
-                "flexWrap": "wrap",
-                "gap": 8,
-                "marginTop": 16,
-              }
-            }
-          >
-            <Text
+                style={
+                  {
+                    "height": 400,
+                    "width": 400,
+                  }
+                }
+              />
+            </View>
+            <View
               style={
                 {
-                  "backgroundColor": "rgba(255,255,255,.1)",
-                  "borderBottomLeftRadius": 3,
-                  "borderBottomRightRadius": 3,
-                  "borderTopLeftRadius": 3,
-                  "borderTopRightRadius": 3,
-                  "color": "#FFFFFF",
-                  "fontFamily": "System",
-                  "fontSize": 14.399999999999999,
-                  "fontWeight": "400",
-                  "lineHeight": 19,
-                  "paddingLeft": 8,
-                  "paddingRight": 8,
-                  "userSelect": "auto",
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "flex": 1,
+                  "flexDirection": "column",
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 0,
                 }
               }
-              suppressHighlighting={true}
             >
-              /
-              test
-            </Text>
-          </View>
-        </View>
-        <View
-          style={
-            {
-              "flexDirection": "row",
-              "gap": 16,
-              "marginTop": 24,
-            }
-          }
-        >
-          <View
-            cancelable={[Function]}
-            disabled={false}
-            focusVisibleStyle={{}}
-            focusable={[Function]}
-            minPressDuration={0}
-            onBlur={[Function]}
-            onFocus={[Function]}
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
-            onPress={[Function]}
-            onPressIn={[Function]}
-            onPressOut={[Function]}
-            role="button"
-            style={
-              {
-                "alignItems": "center",
-                "backgroundColor": "#081619",
-                "borderBottomColor": "transparent",
-                "borderBottomLeftRadius": 7,
-                "borderBottomRightRadius": 7,
-                "borderBottomWidth": 1,
-                "borderLeftColor": "transparent",
-                "borderLeftWidth": 1,
-                "borderRightColor": "transparent",
-                "borderRightWidth": 1,
-                "borderStyle": "solid",
-                "borderTopColor": "transparent",
-                "borderTopLeftRadius": 7,
-                "borderTopRightRadius": 7,
-                "borderTopWidth": 1,
-                "display": "flex",
-                "flexBasis": "50%",
-                "flexDirection": "row",
-                "flexShrink": 1,
-                "flexWrap": "nowrap",
-                "height": 44,
-                "justifyContent": "center",
-                "paddingLeft": 18,
-                "paddingRight": 18,
-              }
-            }
-          >
-            <View
-              style={
-                {
-                  "alignItems": "center",
-                  "flexDirection": "row",
-                  "gap": 8,
-                  "justifyContent": "space-between",
-                }
-              }
-            >
-              <Text
-                lineBreakMode="clip"
-                numberOfLines={1}
-                style={
-                  {
-                    "color": "#12643F",
-                    "flexGrow": 0,
-                    "flexShrink": 1,
-                    "fontFamily": "System",
-                    "fontSize": 16.8,
-                    "fontWeight": 600,
-                    "lineHeight": 19,
-                    "textTransform": "uppercase",
-                    "userSelect": "none",
-                  }
-                }
-                suppressHighlighting={true}
-              >
-                Settings
-              </Text>
               <RNSVGSvgView
                 align="xMidYMid"
-                bbHeight={20}
-                bbWidth={20}
-                color="#12643F"
+                bbHeight={360}
+                bbWidth={360}
+                color="#40FB50"
                 fill="none"
                 focusable={false}
-                height={20}
+                height={360}
                 meetOrSlice={0}
                 minX={0}
                 minY={0}
@@ -445,20 +472,18 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                       "backgroundColor": "transparent",
                       "borderWidth": 0,
                     },
-                    {
-                      "color": "#12643F",
-                    },
+                    {},
                     {
                       "flex": 0,
-                      "height": 20,
-                      "width": 20,
+                      "height": 360,
+                      "width": 360,
                     },
                   ]
                 }
-                tintColor="#12643F"
-                vbHeight={24}
-                vbWidth={24}
-                width={20}
+                tintColor="#40FB50"
+                vbHeight={20}
+                vbWidth={20}
+                width={360}
               >
                 <RNSVGGroup
                   fill={null}
@@ -471,7 +496,7 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                   strokeWidth="2"
                 >
                   <RNSVGPath
-                    d="M13.9001 2.3999C14.0453 2.39991 14.1867 2.44599 14.304 2.53151C14.4213 2.61703 14.5085 2.73758 14.5529 2.87579L15.3072 5.21956C15.624 5.37453 15.9271 5.5487 16.2164 5.74482L18.6247 5.22642C18.7666 5.1961 18.9146 5.21164 19.0472 5.27079C19.1798 5.32994 19.2902 5.42965 19.3625 5.55556L21.2633 8.84562C21.3359 8.97145 21.3666 9.11709 21.3511 9.26153C21.3356 9.40597 21.2746 9.54174 21.1769 9.64927L19.5243 11.4733C19.5484 11.823 19.5484 12.174 19.5243 12.5238L21.1769 14.3505C21.2746 14.4581 21.3356 14.5938 21.3511 14.7383C21.3666 14.8827 21.3359 15.0284 21.2633 15.1542L19.3625 18.4456C19.29 18.5713 19.1795 18.6707 19.0469 18.7296C18.9143 18.7885 18.7665 18.8038 18.6247 18.7734L16.2164 18.255C15.9284 18.4497 15.624 18.6253 15.3085 18.7802L14.5529 21.124C14.5085 21.2622 14.4213 21.3828 14.304 21.4683C14.1867 21.5538 14.0453 21.5999 13.9001 21.5999H10.0985C9.95331 21.5999 9.81188 21.5538 9.69456 21.4683C9.57725 21.3828 9.49011 21.2622 9.44568 21.124L8.69277 18.7816C8.37682 18.6271 8.07207 18.4507 7.78077 18.2536L5.37391 18.7734C5.23192 18.8037 5.08397 18.7882 4.95138 18.729C4.81878 18.6699 4.70838 18.5702 4.63608 18.4442L2.73528 15.1542C2.6627 15.0284 2.63196 14.8827 2.64748 14.7383C2.66301 14.5938 2.72401 14.4581 2.82168 14.3505L4.47425 12.5238C4.45032 12.1749 4.45032 11.8249 4.47425 11.476L2.82168 9.64927C2.72401 9.54174 2.66301 9.40597 2.64748 9.26153C2.63196 9.11709 2.6627 8.97145 2.73528 8.84562L4.63608 5.55419C4.70858 5.42853 4.81907 5.3291 4.95165 5.2702C5.08423 5.21131 5.23207 5.19598 5.37391 5.22642L7.78077 5.74619C8.07151 5.55007 8.37597 5.37316 8.69277 5.21819L9.44705 2.87579C9.49133 2.73802 9.57806 2.61779 9.69483 2.53231C9.81159 2.44683 9.9524 2.40049 10.0971 2.3999H13.8987H13.9001ZM13.3981 3.77133H10.6004L9.82146 6.19465L9.2962 6.4511C9.03798 6.57746 8.78871 6.72134 8.55014 6.88173L8.06466 7.21087L5.57414 6.67327L4.17528 9.09796L5.88271 10.9878L5.84157 11.5693C5.82186 11.856 5.82186 12.1438 5.84157 12.4305L5.88271 13.012L4.17254 14.9018L5.57277 17.3265L8.06328 16.7903L8.54877 17.1181C8.78734 17.2785 9.03661 17.4223 9.29483 17.5487L9.82008 17.8052L10.6004 20.2285H13.4009L14.1826 17.8038L14.7065 17.5487C14.9644 17.4226 15.2133 17.2787 15.4512 17.1181L15.9353 16.7903L18.4272 17.3265L19.826 14.9018L18.1172 13.012L18.1584 12.4305C18.1781 12.1433 18.1781 11.8551 18.1584 11.5679L18.1172 10.9864L19.8274 9.09796L18.4272 6.67327L15.9353 7.20813L15.4512 6.88173C15.2133 6.72102 14.9644 6.57713 14.7065 6.4511L14.1826 6.19602L13.3995 3.77133H13.3981ZM11.9993 7.88562C13.0905 7.88562 14.1369 8.31909 14.9085 9.09066C15.6801 9.86224 16.1136 10.9087 16.1136 11.9999C16.1136 13.0911 15.6801 14.1376 14.9085 14.9091C14.1369 15.6807 13.0905 16.1142 11.9993 16.1142C10.9081 16.1142 9.86162 15.6807 9.09004 14.9091C8.31847 14.1376 7.885 13.0911 7.885 11.9999C7.885 10.9087 8.31847 9.86224 9.09004 9.09066C9.86162 8.31909 10.9081 7.88562 11.9993 7.88562ZM11.9993 9.25705C11.2718 9.25705 10.5742 9.54602 10.0598 10.0604C9.54541 10.5748 9.25643 11.2725 9.25643 11.9999C9.25643 12.7274 9.54541 13.425 10.0598 13.9394C10.5742 14.4538 11.2718 14.7428 11.9993 14.7428C12.7267 14.7428 13.4244 14.4538 13.9388 13.9394C14.4532 13.425 14.7421 12.7274 14.7421 11.9999C14.7421 11.2725 14.4532 10.5748 13.9388 10.0604C13.4244 9.54602 12.7267 9.25705 11.9993 9.25705Z"
+                    d="M9.99967 9.97913C9.08301 9.97913 8.33301 9.68746 7.74967 9.10413C7.16634 8.52079 6.87467 7.77079 6.87467 6.85413C6.87467 5.93746 7.16634 5.18746 7.74967 4.60413C8.33301 4.02079 9.08301 3.72913 9.99967 3.72913C10.9163 3.72913 11.6663 4.02079 12.2497 4.60413C12.833 5.18746 13.1247 5.93746 13.1247 6.85413C13.1247 7.77079 12.833 8.52079 12.2497 9.10413C11.6663 9.68746 10.9163 9.97913 9.99967 9.97913ZM3.33301 16.6666V14.7083C3.33301 14.1805 3.46495 13.7291 3.72884 13.3541C3.99273 12.9791 4.33301 12.6944 4.74967 12.5C5.68023 12.0833 6.57259 11.7708 7.42676 11.5625C8.28092 11.3541 9.13856 11.25 9.99967 11.25C10.8608 11.25 11.715 11.3576 12.5622 11.5729C13.4094 11.7882 14.2977 12.0985 15.2272 12.504C15.6619 12.7002 16.0105 12.9847 16.2728 13.3575C16.5352 13.7302 16.6663 14.1805 16.6663 14.7083V16.6666H3.33301ZM4.58301 15.4166H15.4163V14.7083C15.4163 14.4861 15.3504 14.2743 15.2184 14.0729C15.0865 13.8715 14.9233 13.7222 14.7288 13.625C13.84 13.1944 13.0275 12.8993 12.2913 12.7395C11.5552 12.5798 10.7913 12.5 9.99967 12.5C9.20801 12.5 8.43717 12.5798 7.68717 12.7395C6.93717 12.8993 6.12467 13.1944 5.24967 13.625C5.05523 13.7222 4.89551 13.8715 4.77051 14.0729C4.64551 14.2743 4.58301 14.4861 4.58301 14.7083V15.4166ZM9.99967 8.72913C10.5413 8.72913 10.9893 8.55204 11.3434 8.19788C11.6976 7.84371 11.8747 7.39579 11.8747 6.85413C11.8747 6.31246 11.6976 5.86454 11.3434 5.51038C10.9893 5.15621 10.5413 4.97913 9.99967 4.97913C9.45801 4.97913 9.01009 5.15621 8.65592 5.51038C8.30176 5.86454 8.12467 6.31246 8.12467 6.85413C8.12467 7.39579 8.30176 7.84371 8.65592 8.19788C9.01009 8.55204 9.45801 8.72913 9.99967 8.72913Z"
                     fill={
                       {
                         "type": 2,
@@ -488,205 +513,221 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
             </View>
           </View>
           <View
-            cancelable={true}
-            disabled={false}
-            focusVisibleStyle={
+            pointerEvents="none"
+            style={
               {
-                "backgroundColor": "transparent",
-                "borderBottomColor": "#86AE80",
-                "borderLeftColor": "#86AE80",
-                "borderRightColor": "#86AE80",
-                "borderTopColor": "#86AE80",
+                "bottom": 0,
+                "flexDirection": "column",
+                "height": 94,
+                "overflow": "hidden",
+                "position": "absolute",
+                "width": "100%",
+                "zIndex": 2,
               }
             }
-            focusable={[Function]}
-            minPressDuration={0}
-            onBlur={[Function]}
-            onFocus={[Function]}
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
-            onPress={[Function]}
-            onPressIn={[Function]}
-            onPressOut={[Function]}
-            role="button"
+          >
+            <ViewManagerAdapter_ExpoLinearGradient
+              colors={
+                [
+                  4279312162,
+                  4279312162,
+                  0,
+                ]
+              }
+              endPoint={
+                [
+                  0,
+                  0,
+                ]
+              }
+              startPoint={
+                [
+                  0,
+                  1,
+                ]
+              }
+              style={
+                {
+                  "bottom": 0,
+                  "left": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                  "zIndex": 0,
+                }
+              }
+            />
+          </View>
+          <View
             style={
               {
                 "alignItems": "center",
-                "backgroundColor": "transparent",
-                "borderBottomColor": "#40FB50",
-                "borderBottomLeftRadius": 7,
-                "borderBottomRightRadius": 7,
-                "borderBottomWidth": 2,
-                "borderLeftColor": "#40FB50",
-                "borderLeftWidth": 2,
-                "borderRightColor": "#40FB50",
-                "borderRightWidth": 2,
-                "borderStyle": "solid",
-                "borderTopColor": "#40FB50",
-                "borderTopLeftRadius": 7,
-                "borderTopRightRadius": 7,
-                "borderTopWidth": 2,
-                "flexBasis": "50%",
+                "bottom": "0",
                 "flexDirection": "row",
-                "flexShrink": 1,
-                "flexWrap": "nowrap",
-                "height": 44,
-                "justifyContent": "center",
-                "paddingLeft": 18,
-                "paddingRight": 18,
+                "justifyContent": "space-between",
+                "paddingLeft": 40,
+                "paddingRight": 40,
+                "position": "absolute",
+                "width": "100%",
+                "zIndex": 3,
+              }
+            }
+          >
+            <Text
+              accessibilityRole="header"
+              style={
+                {
+                  "color": "#FFFFFF",
+                  "fontFamily": "System",
+                  "fontSize": 46,
+                  "fontWeight": "900",
+                  "lineHeight": 27,
+                  "marginBottom": 0,
+                  "marginLeft": 0,
+                  "marginRight": 0,
+                  "marginTop": 0,
+                  "textTransform": "none",
+                  "userSelect": "auto",
+                }
+              }
+              suppressHighlighting={true}
+            >
+              NO NAME
+            </Text>
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "flex": 1,
+              "flexDirection": "column",
+              "justifyContent": "space-between",
+              "paddingBottom": 40,
+              "paddingLeft": 40,
+              "paddingRight": 40,
+              "paddingTop": 40,
+              "width": "100%",
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "flexDirection": "column",
               }
             }
           >
             <View
               style={
                 {
-                  "alignItems": "center",
                   "flexDirection": "row",
                   "gap": 8,
-                  "justifyContent": "space-between",
                 }
               }
             >
               <Text
-                lineBreakMode="clip"
-                numberOfLines={1}
                 style={
                   {
-                    "color": "#FFFFFF",
-                    "flexGrow": 0,
-                    "flexShrink": 1,
+                    "color": "#B2B2B2",
                     "fontFamily": "System",
-                    "fontSize": 16.8,
-                    "fontWeight": 600,
-                    "lineHeight": 19,
-                    "textTransform": "uppercase",
-                    "userSelect": "none",
+                    "fontSize": 21.599999999999998,
+                    "fontWeight": "600",
+                    "lineHeight": 23,
+                    "userSelect": "auto",
                   }
                 }
                 suppressHighlighting={true}
               >
-                Share
+                Send ID:
               </Text>
-              <RNSVGSvgView
-                align="xMidYMid"
-                bbHeight={20}
-                bbWidth={20}
-                color="#12643F"
-                fill="none"
-                focusable={false}
-                height={20}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                strokeWidth="2"
+              <Text
                 style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    {
-                      "color": "#12643F",
-                    },
-                    {
-                      "flex": 0,
-                      "height": 20,
-                      "width": 20,
-                    },
-                  ]
+                  {
+                    "color": "#FFFFFF",
+                    "fontFamily": "System",
+                    "fontSize": 21.599999999999998,
+                    "fontWeight": "600",
+                    "lineHeight": 23,
+                    "userSelect": "auto",
+                  }
                 }
-                tintColor="#12643F"
-                vbHeight={24}
-                vbWidth={24}
-                width={20}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                      "strokeWidth",
-                    ]
+                suppressHighlighting={true}
+              />
+            </View>
+            <View
+              style={
+                {
+                  "flexDirection": "row",
+                  "flexGrow": 1,
+                  "flexWrap": "wrap",
+                  "gap": 8,
+                  "marginTop": 16,
+                }
+              }
+            >
+              <Text
+                style={
+                  {
+                    "backgroundColor": "rgba(255,255,255,.1)",
+                    "borderBottomLeftRadius": 3,
+                    "borderBottomRightRadius": 3,
+                    "borderTopLeftRadius": 3,
+                    "borderTopRightRadius": 3,
+                    "color": "#FFFFFF",
+                    "fontFamily": "System",
+                    "fontSize": 14.399999999999999,
+                    "fontWeight": "400",
+                    "lineHeight": 19,
+                    "paddingLeft": 8,
+                    "paddingRight": 8,
+                    "userSelect": "auto",
                   }
-                  strokeWidth="2"
-                >
-                  <RNSVGPath
-                    d="M4.19995 10.8V18.48C4.19995 18.9892 4.40224 19.4776 4.76231 19.8376C5.12238 20.1977 5.61074 20.4 6.11995 20.4H17.64C18.1492 20.4 18.6375 20.1977 18.9976 19.8376C19.3577 19.4776 19.56 18.9892 19.56 18.48V10.8M15.72 7.43998L11.88 3.59998M11.88 3.59998L8.03995 7.43998M11.88 3.59998V13.68"
-                    fill={
-                      {
-                        "payload": 4278190080,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
-                      {
-                        "type": 2,
-                      }
-                    }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
+                }
+                suppressHighlighting={true}
+              >
+                /
+                test
+              </Text>
             </View>
           </View>
         </View>
       </View>
     </View>
-  </View>
-  <View
-    style={
-      {
-        "flex": 1,
-        "flexDirection": "column",
-        "gap": 24,
-        "maxWidth": 480,
-        "width": "100%",
-      }
-    }
-  >
     <View
-      focusable={true}
-      role="button"
       style={
         {
-          "backgroundColor": "#111f22",
-          "borderBottomColor": "#111f22",
-          "borderBottomLeftRadius": 16,
-          "borderBottomRightRadius": 16,
-          "borderBottomWidth": 1,
-          "borderLeftColor": "#111f22",
-          "borderLeftWidth": 1,
-          "borderRightColor": "#111f22",
-          "borderRightWidth": 1,
-          "borderStyle": "solid",
-          "borderTopColor": "#111f22",
-          "borderTopLeftRadius": 16,
-          "borderTopRightRadius": 16,
-          "borderTopWidth": 1,
+          "flex": 1,
           "flexDirection": "column",
-          "paddingBottom": 40,
-          "paddingLeft": 40,
-          "paddingRight": 40,
-          "paddingTop": 40,
+          "gap": 24,
+          "maxWidth": 480,
+          "width": "100%",
         }
       }
     >
       <View
+        focusable={true}
+        role="button"
         style={
           {
-            "alignItems": "center",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
+            "backgroundColor": "#111f22",
+            "borderBottomColor": "#111f22",
+            "borderBottomLeftRadius": 16,
+            "borderBottomRightRadius": 16,
+            "borderBottomWidth": 1,
+            "borderLeftColor": "#111f22",
+            "borderLeftWidth": 1,
+            "borderRightColor": "#111f22",
+            "borderRightWidth": 1,
+            "borderStyle": "solid",
+            "borderTopColor": "#111f22",
+            "borderTopLeftRadius": 16,
+            "borderTopRightRadius": 16,
+            "borderTopWidth": 1,
+            "flexDirection": "column",
+            "paddingBottom": 40,
+            "paddingLeft": 40,
+            "paddingRight": 40,
+            "paddingTop": 40,
           }
         }
       >
@@ -695,232 +736,138 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
             {
               "alignItems": "center",
               "flexDirection": "row",
-              "gap": 16,
+              "justifyContent": "space-between",
             }
           }
         >
-          <RNSVGSvgView
-            bbHeight={22}
-            bbWidth={22}
-            color="#40FB50"
-            fill="none"
-            focusable={false}
-            height={22}
-            strokeWidth="2"
+          <View
             style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "color": "#40FB50",
-                },
-                {
-                  "flex": 0,
-                  "height": 22,
-                  "width": 22,
-                },
-              ]
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 16,
+              }
             }
-            tintColor="#40FB50"
-            width={22}
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
+            <RNSVGSvgView
+              bbHeight={22}
+              bbWidth={22}
+              color="#40FB50"
+              fill="none"
+              focusable={false}
+              height={22}
+              strokeWidth="2"
+              style={
                 [
-                  "fill",
-                  "strokeWidth",
+                  {
+                    "backgroundColor": "transparent",
+                    "borderWidth": 0,
+                  },
+                  {
+                    "color": "#40FB50",
+                  },
+                  {
+                    "flex": 0,
+                    "height": 22,
+                    "width": 22,
+                  },
                 ]
               }
-              strokeWidth="2"
+              tintColor="#40FB50"
+              width={22}
             >
-              <RNSVGMask
-                fill={
-                  {
-                    "payload": 4278190080,
-                    "type": 0,
-                  }
+              <RNSVGGroup
+                fill={null}
+                propList={
+                  [
+                    "fill",
+                    "strokeWidth",
+                  ]
                 }
-                height={22}
-                maskContentUnits={1}
-                maskUnits={1}
-                width={22}
-                x={0}
-                y={0}
+                strokeWidth="2"
               >
-                <RNSVGPath
-                  d="M0 0h20v20H0z"
+                <RNSVGMask
                   fill={
                     {
-                      "payload": 4292467161,
+                      "payload": 4278190080,
                       "type": 0,
                     }
                   }
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                />
-              </RNSVGMask>
-              <RNSVGGroup
-                fill={
-                  {
-                    "payload": 4278190080,
-                    "type": 0,
-                  }
-                }
-                mask="a"
-              >
-                <RNSVGPath
-                  d="m7.23 18.5-1.563-2.583-2.938-.667.271-3L1 10l2-2.25-.27-3 2.937-.667L7.229 1.5 10 2.688 12.77 1.5l1.563 2.583 2.938.667-.271 3L19 10l-2 2.25.27 3-2.937.667-1.562 2.583L10 17.312 7.23 18.5Zm.603-1.896L10 15.688l2.167.916 1.208-2.02 2.292-.521-.209-2.313L17 10l-1.542-1.75.209-2.313-2.292-.52-1.208-2.021L10 4.313l-2.167-.917-1.208 2.02-2.292.5.209 2.334L3 10l1.563 1.75-.23 2.333 2.292.521 1.208 2ZM8.937 13l4.959-4.938L12.833 7l-3.896 3.875-1.77-1.75-1.063 1.063L8.937 13Z"
+                  height={22}
+                  maskContentUnits={1}
+                  maskUnits={1}
+                  width={22}
+                  x={0}
+                  y={0}
+                >
+                  <RNSVGPath
+                    d="M0 0h20v20H0z"
+                    fill={
+                      {
+                        "payload": 4292467161,
+                        "type": 0,
+                      }
+                    }
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
+                  />
+                </RNSVGMask>
+                <RNSVGGroup
                   fill={
                     {
-                      "type": 2,
+                      "payload": 4278190080,
+                      "type": 0,
                     }
                   }
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                />
+                  mask="a"
+                >
+                  <RNSVGPath
+                    d="m7.23 18.5-1.563-2.583-2.938-.667.271-3L1 10l2-2.25-.27-3 2.937-.667L7.229 1.5 10 2.688 12.77 1.5l1.563 2.583 2.938.667-.271 3L19 10l-2 2.25.27 3-2.937.667-1.562 2.583L10 17.312 7.23 18.5Zm.603-1.896L10 15.688l2.167.916 1.208-2.02 2.292-.521-.209-2.313L17 10l-1.542-1.75.209-2.313-2.292-.52-1.208-2.021L10 4.313l-2.167-.917-1.208 2.02-2.292.5.209 2.334L3 10l1.563 1.75-.23 2.333 2.292.521 1.208 2ZM8.937 13l4.959-4.938L12.833 7l-3.896 3.875-1.77-1.75-1.063 1.063L8.937 13Z"
+                    fill={
+                      {
+                        "type": 2,
+                      }
+                    }
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
+                  />
+                </RNSVGGroup>
               </RNSVGGroup>
-            </RNSVGGroup>
-          </RNSVGSvgView>
-          <Text
-            lineBreakMode="clip"
-            numberOfLines={1}
-            style={
-              {
-                "color": "#FFFFFF",
-                "flexGrow": 0,
-                "flexShrink": 1,
-                "fontFamily": "System",
-                "fontSize": 36,
-                "fontWeight": 600,
-                "lineHeight": 35,
-                "userSelect": "none",
-              }
-            }
-            suppressHighlighting={true}
-          >
-            Sendtags
-          </Text>
-        </View>
-        <RNSVGSvgView
-          align="xMidYMid"
-          bbHeight={24}
-          bbWidth={24}
-          color="#40FB50"
-          fill="none"
-          focusable={false}
-          height={24}
-          meetOrSlice={0}
-          minX={0}
-          minY={0}
-          strokeWidth="2"
-          style={
-            [
-              {
-                "backgroundColor": "transparent",
-                "borderWidth": 0,
-              },
-              {},
-              {
-                "flex": 0,
-                "height": 24,
-                "width": 24,
-              },
-            ]
-          }
-          tintColor="#40FB50"
-          vbHeight={20}
-          vbWidth={20}
-          width={24}
-        >
-          <RNSVGGroup
-            fill={null}
-            propList={
-              [
-                "fill",
-                "strokeWidth",
-              ]
-            }
-            strokeWidth="2"
-          >
-            <RNSVGPath
-              d="M14.2917 10.625L9.12508 15.7917L10.0001 16.6667L16.6667 10L10.0001 3.33337L9.12508 4.20837L14.2917 9.37504H3.33341V10.625H14.2917Z"
-              fill={
+            </RNSVGSvgView>
+            <Text
+              lineBreakMode="clip"
+              numberOfLines={1}
+              style={
                 {
-                  "type": 2,
+                  "color": "#FFFFFF",
+                  "flexGrow": 0,
+                  "flexShrink": 1,
+                  "fontFamily": "System",
+                  "fontSize": 36,
+                  "fontWeight": 600,
+                  "lineHeight": 35,
+                  "userSelect": "none",
                 }
               }
-              propList={
-                [
-                  "fill",
-                ]
-              }
-            />
-          </RNSVGGroup>
-        </RNSVGSvgView>
-      </View>
-    </View>
-    <View
-      focusable={true}
-      role="button"
-      style={
-        {
-          "backgroundColor": "#111f22",
-          "borderBottomColor": "#111f22",
-          "borderBottomLeftRadius": 16,
-          "borderBottomRightRadius": 16,
-          "borderBottomWidth": 1,
-          "borderLeftColor": "#111f22",
-          "borderLeftWidth": 1,
-          "borderRightColor": "#111f22",
-          "borderRightWidth": 1,
-          "borderStyle": "solid",
-          "borderTopColor": "#111f22",
-          "borderTopLeftRadius": 16,
-          "borderTopRightRadius": 16,
-          "borderTopWidth": 1,
-          "flexDirection": "column",
-          "paddingBottom": 40,
-          "paddingLeft": 40,
-          "paddingRight": 40,
-          "paddingTop": 40,
-        }
-      }
-    >
-      <View
-        style={
-          {
-            "alignItems": "center",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "gap": 16,
-            }
-          }
-        >
+              suppressHighlighting={true}
+            >
+              Sendtags
+            </Text>
+          </View>
           <RNSVGSvgView
             align="xMidYMid"
-            bbHeight={20}
-            bbWidth={20}
+            bbHeight={24}
+            bbWidth={24}
             color="#40FB50"
             fill="none"
             focusable={false}
-            height={20}
+            height={24}
             meetOrSlice={0}
             minX={0}
             minY={0}
@@ -931,20 +878,18 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                   "backgroundColor": "transparent",
                   "borderWidth": 0,
                 },
-                {
-                  "color": "#40FB50",
-                },
+                {},
                 {
                   "flex": 0,
-                  "height": 20,
-                  "width": 20,
+                  "height": 24,
+                  "width": 24,
                 },
               ]
             }
             tintColor="#40FB50"
-            vbHeight={19}
+            vbHeight={20}
             vbWidth={20}
-            width={20}
+            width={24}
           >
             <RNSVGGroup
               fill={null}
@@ -957,7 +902,7 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
               strokeWidth="2"
             >
               <RNSVGPath
-                d="m6.85 14.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4L8.55 8.5l-3.65.325 2.775 2.425-.825 3.575ZM3.825 19l1.625-7.025L0 7.25l7.2-.625L10 0l2.8 6.625 7.2.625-5.45 4.725L16.175 19 10 15.275 3.825 19Z"
+                d="M14.2917 10.625L9.12508 15.7917L10.0001 16.6667L16.6667 10L10.0001 3.33337L9.12508 4.20837L14.2917 9.37504H3.33341V10.625H14.2917Z"
                 fill={
                   {
                     "type": 2,
@@ -971,117 +916,32 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
               />
             </RNSVGGroup>
           </RNSVGSvgView>
-          <Text
-            lineBreakMode="clip"
-            numberOfLines={1}
-            style={
-              {
-                "color": "#FFFFFF",
-                "flexGrow": 0,
-                "flexShrink": 1,
-                "fontFamily": "System",
-                "fontSize": 36,
-                "fontWeight": 600,
-                "lineHeight": 35,
-                "userSelect": "none",
-              }
-            }
-            suppressHighlighting={true}
-          >
-            Rewards
-          </Text>
         </View>
-        <RNSVGSvgView
-          align="xMidYMid"
-          bbHeight={24}
-          bbWidth={24}
-          color="#40FB50"
-          fill="none"
-          focusable={false}
-          height={24}
-          meetOrSlice={0}
-          minX={0}
-          minY={0}
-          strokeWidth="2"
-          style={
-            [
-              {
-                "backgroundColor": "transparent",
-                "borderWidth": 0,
-              },
-              {},
-              {
-                "flex": 0,
-                "height": 24,
-                "width": 24,
-              },
-            ]
-          }
-          tintColor="#40FB50"
-          vbHeight={20}
-          vbWidth={20}
-          width={24}
-        >
-          <RNSVGGroup
-            fill={null}
-            propList={
-              [
-                "fill",
-                "strokeWidth",
-              ]
-            }
-            strokeWidth="2"
-          >
-            <RNSVGPath
-              d="M14.2917 10.625L9.12508 15.7917L10.0001 16.6667L16.6667 10L10.0001 3.33337L9.12508 4.20837L14.2917 9.37504H3.33341V10.625H14.2917Z"
-              fill={
-                {
-                  "type": 2,
-                }
-              }
-              propList={
-                [
-                  "fill",
-                ]
-              }
-            />
-          </RNSVGGroup>
-        </RNSVGSvgView>
       </View>
-    </View>
-    <View
-      focusable={true}
-      role="button"
-      style={
-        {
-          "backgroundColor": "#111f22",
-          "borderBottomColor": "#111f22",
-          "borderBottomLeftRadius": 16,
-          "borderBottomRightRadius": 16,
-          "borderBottomWidth": 1,
-          "borderLeftColor": "#111f22",
-          "borderLeftWidth": 1,
-          "borderRightColor": "#111f22",
-          "borderRightWidth": 1,
-          "borderStyle": "solid",
-          "borderTopColor": "#111f22",
-          "borderTopLeftRadius": 16,
-          "borderTopRightRadius": 16,
-          "borderTopWidth": 1,
-          "flexDirection": "column",
-          "paddingBottom": 40,
-          "paddingLeft": 40,
-          "paddingRight": 40,
-          "paddingTop": 40,
-        }
-      }
-    >
       <View
+        focusable={true}
+        role="button"
         style={
           {
-            "alignItems": "center",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
+            "backgroundColor": "#111f22",
+            "borderBottomColor": "#111f22",
+            "borderBottomLeftRadius": 16,
+            "borderBottomRightRadius": 16,
+            "borderBottomWidth": 1,
+            "borderLeftColor": "#111f22",
+            "borderLeftWidth": 1,
+            "borderRightColor": "#111f22",
+            "borderRightWidth": 1,
+            "borderStyle": "solid",
+            "borderTopColor": "#111f22",
+            "borderTopLeftRadius": 16,
+            "borderTopRightRadius": 16,
+            "borderTopWidth": 1,
+            "flexDirection": "column",
+            "paddingBottom": 40,
+            "paddingLeft": 40,
+            "paddingRight": 40,
+            "paddingTop": 40,
           }
         }
       >
@@ -1090,336 +950,200 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
             {
               "alignItems": "center",
               "flexDirection": "row",
-              "gap": 16,
+              "justifyContent": "space-between",
             }
           }
         >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight={20}
-            bbWidth={20}
-            color="#40FB50"
-            fill="none"
-            focusable={false}
-            height={20}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            strokeWidth="2"
+          <View
             style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "color": "#40FB50",
-                },
-                {
-                  "flex": 0,
-                  "height": 20,
-                  "width": 20,
-                },
-              ]
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "gap": 16,
+              }
             }
-            tintColor="#40FB50"
-            vbHeight={18}
-            vbWidth={20}
-            width={20}
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
-                [
-                  "fill",
-                  "strokeWidth",
-                ]
-              }
-              strokeWidth="2"
-            >
-              <RNSVGPath
-                d="M2 16h4V8H2v8Zm6 0h4V2H8v14Zm6 0h4v-6h-4v6ZM0 18V6h6V0h8v8h6v10H0Z"
-                fill={
-                  {
-                    "type": 2,
-                  }
-                }
+            <RNSVGSvgView
+              align="xMidYMid"
+              bbHeight={20}
+              bbWidth={20}
+              color="#40FB50"
+              fill="none"
+              focusable={false}
+              height={20}
+              meetOrSlice={0}
+              minX={0}
+              minY={0}
+              strokeWidth="2"
+              style={
+                [
+                  {
+                    "backgroundColor": "transparent",
+                    "borderWidth": 0,
+                  },
+                  {
+                    "color": "#40FB50",
+                  },
+                  {
+                    "flex": 0,
+                    "height": 20,
+                    "width": 20,
+                  },
+                ]
+              }
+              tintColor="#40FB50"
+              vbHeight={19}
+              vbWidth={20}
+              width={20}
+            >
+              <RNSVGGroup
+                fill={null}
                 propList={
                   [
                     "fill",
+                    "strokeWidth",
                   ]
                 }
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
-          <Text
-            lineBreakMode="clip"
-            numberOfLines={1}
-            style={
-              {
-                "color": "#FFFFFF",
-                "flexGrow": 0,
-                "flexShrink": 1,
-                "fontFamily": "System",
-                "fontSize": 36,
-                "fontWeight": 600,
-                "lineHeight": 35,
-                "userSelect": "none",
+                strokeWidth="2"
+              >
+                <RNSVGPath
+                  d="m6.85 14.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4L8.55 8.5l-3.65.325 2.775 2.425-.825 3.575ZM3.825 19l1.625-7.025L0 7.25l7.2-.625L10 0l2.8 6.625 7.2.625-5.45 4.725L16.175 19 10 15.275 3.825 19Z"
+                  fill={
+                    {
+                      "type": 2,
+                    }
+                  }
+                  propList={
+                    [
+                      "fill",
+                    ]
+                  }
+                />
+              </RNSVGGroup>
+            </RNSVGSvgView>
+            <Text
+              lineBreakMode="clip"
+              numberOfLines={1}
+              style={
+                {
+                  "color": "#FFFFFF",
+                  "flexGrow": 0,
+                  "flexShrink": 1,
+                  "fontFamily": "System",
+                  "fontSize": 36,
+                  "fontWeight": 600,
+                  "lineHeight": 35,
+                  "userSelect": "none",
+                }
               }
-            }
-            suppressHighlighting={true}
-          >
-            Leaderboard
-          </Text>
-        </View>
-        <RNSVGSvgView
-          align="xMidYMid"
-          bbHeight={24}
-          bbWidth={24}
-          color="#40FB50"
-          fill="none"
-          focusable={false}
-          height={24}
-          meetOrSlice={0}
-          minX={0}
-          minY={0}
-          strokeWidth="2"
-          style={
-            [
-              {
-                "backgroundColor": "transparent",
-                "borderWidth": 0,
-              },
-              {},
-              {
-                "flex": 0,
-                "height": 24,
-                "width": 24,
-              },
-            ]
-          }
-          tintColor="#40FB50"
-          vbHeight={20}
-          vbWidth={20}
-          width={24}
-        >
-          <RNSVGGroup
-            fill={null}
-            propList={
+              suppressHighlighting={true}
+            >
+              Rewards
+            </Text>
+          </View>
+          <RNSVGSvgView
+            align="xMidYMid"
+            bbHeight={24}
+            bbWidth={24}
+            color="#40FB50"
+            fill="none"
+            focusable={false}
+            height={24}
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
+            strokeWidth="2"
+            style={
               [
-                "fill",
-                "strokeWidth",
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {},
+                {
+                  "flex": 0,
+                  "height": 24,
+                  "width": 24,
+                },
               ]
             }
-            strokeWidth="2"
+            tintColor="#40FB50"
+            vbHeight={20}
+            vbWidth={20}
+            width={24}
           >
-            <RNSVGPath
-              d="M14.2917 10.625L9.12508 15.7917L10.0001 16.6667L16.6667 10L10.0001 3.33337L9.12508 4.20837L14.2917 9.37504H3.33341V10.625H14.2917Z"
-              fill={
-                {
-                  "type": 2,
-                }
-              }
+            <RNSVGGroup
+              fill={null}
               propList={
                 [
                   "fill",
+                  "strokeWidth",
                 ]
               }
-            />
-          </RNSVGGroup>
-        </RNSVGSvgView>
-      </View>
-    </View>
-    <View
-      style={
-        {
-          "backgroundColor": "#111f22",
-          "borderBottomLeftRadius": 16,
-          "borderBottomRightRadius": 16,
-          "borderTopLeftRadius": 16,
-          "borderTopRightRadius": 16,
-          "flex": 1,
-          "flexDirection": "column",
-          "justifyContent": "space-between",
-          "paddingBottom": 40,
-          "paddingLeft": 40,
-          "paddingRight": 40,
-          "paddingTop": 40,
-        }
-      }
-    >
-      <View
-        style={
-          {
-            "alignItems": "center",
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-          }
-        }
-      >
-        <Text
-          style={
-            {
-              "color": "#FFFFFF",
-              "fontFamily": "System",
-              "fontSize": 36,
-              "fontWeight": 600,
-              "lineHeight": 35,
-              "userSelect": "auto",
-            }
-          }
-          suppressHighlighting={true}
-        >
-          Referrals
-        </Text>
-        <Text
-          style={
-            {
-              "borderBottomColor": "#40FB50",
-              "borderBottomLeftRadius": 9,
-              "borderBottomRightRadius": 9,
-              "borderBottomWidth": 1,
-              "borderLeftColor": "#40FB50",
-              "borderLeftWidth": 1,
-              "borderRightColor": "#40FB50",
-              "borderRightWidth": 1,
-              "borderStyle": "solid",
-              "borderTopColor": "#40FB50",
-              "borderTopLeftRadius": 9,
-              "borderTopRightRadius": 9,
-              "borderTopWidth": 1,
-              "color": "#FFFFFF",
-              "fontFamily": "System",
-              "fontSize": 16.8,
-              "fontWeight": "400",
-              "lineHeight": 19,
-              "paddingBottom": 4,
-              "paddingLeft": 16,
-              "paddingRight": 16,
-              "paddingTop": 4,
-              "userSelect": "auto",
-            }
-          }
-          suppressHighlighting={true}
-        >
-          10
-        </Text>
+              strokeWidth="2"
+            >
+              <RNSVGPath
+                d="M14.2917 10.625L9.12508 15.7917L10.0001 16.6667L16.6667 10L10.0001 3.33337L9.12508 4.20837L14.2917 9.37504H3.33341V10.625H14.2917Z"
+                fill={
+                  {
+                    "type": 2,
+                  }
+                }
+                propList={
+                  [
+                    "fill",
+                  ]
+                }
+              />
+            </RNSVGGroup>
+          </RNSVGSvgView>
+        </View>
       </View>
       <View
+        focusable={true}
+        role="button"
         style={
           {
+            "backgroundColor": "#111f22",
+            "borderBottomColor": "#111f22",
+            "borderBottomLeftRadius": 16,
+            "borderBottomRightRadius": 16,
+            "borderBottomWidth": 1,
+            "borderLeftColor": "#111f22",
+            "borderLeftWidth": 1,
+            "borderRightColor": "#111f22",
+            "borderRightWidth": 1,
+            "borderStyle": "solid",
+            "borderTopColor": "#111f22",
+            "borderTopLeftRadius": 16,
+            "borderTopRightRadius": 16,
+            "borderTopWidth": 1,
             "flexDirection": "column",
+            "paddingBottom": 40,
+            "paddingLeft": 40,
+            "paddingRight": 40,
+            "paddingTop": 40,
           }
         }
       >
-        <Text
-          style={
-            {
-              "color": "#B2B2B2",
-              "fontFamily": "System",
-              "fontSize": 16.8,
-              "fontWeight": "400",
-              "lineHeight": 19,
-              "userSelect": "auto",
-            }
-          }
-          suppressHighlighting={true}
-        >
-          Referral Code
-        </Text>
         <View
           style={
             {
-              "borderBottomLeftRadius": 9,
-              "borderBottomRightRadius": 9,
-              "borderTopLeftRadius": 9,
-              "borderTopRightRadius": 9,
+              "alignItems": "center",
               "flexDirection": "row",
-              "paddingBottom": 10,
-              "paddingTop": 10,
+              "justifyContent": "space-between",
             }
           }
         >
           <View
-            aria-label="Copy"
-            cancelable={true}
-            disabled={false}
-            focusVisibleStyle={{}}
-            focusable={[Function]}
-            minPressDuration={0}
-            onBlur={[Function]}
-            onFocus={[Function]}
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
-            onPress={[Function]}
-            onPressIn={[Function]}
-            onPressOut={[Function]}
-            role="button"
             style={
               {
                 "alignItems": "center",
-                "backgroundColor": "#081619",
-                "borderBottomColor": "transparent",
-                "borderBottomLeftRadius": 5,
-                "borderBottomRightRadius": 5,
-                "borderBottomWidth": 1,
-                "borderLeftColor": "transparent",
-                "borderLeftWidth": 1,
-                "borderRightColor": "transparent",
-                "borderRightWidth": 1,
-                "borderStyle": "solid",
-                "borderTopColor": "transparent",
-                "borderTopLeftRadius": 5,
-                "borderTopRightRadius": 5,
-                "borderTopWidth": 1,
-                "color": "#FFFFFF",
-                "flex": 1,
                 "flexDirection": "row",
-                "flexWrap": "nowrap",
-                "height": 44,
-                "justifyContent": "space-between",
-                "paddingLeft": 18,
-                "paddingRight": 18,
-                "shadowColor": "rgb(0,0,0)",
-                "shadowOffset": {
-                  "height": 0,
-                  "width": 0,
-                },
-                "shadowOpacity": 0,
-                "shadowRadius": 0,
+                "gap": 16,
               }
             }
           >
-            <Text
-              lineBreakMode="clip"
-              numberOfLines={1}
-              style={
-                {
-                  "color": "#FFFFFF",
-                  "flexGrow": 0,
-                  "flexShrink": 1,
-                  "fontFamily": "System",
-                  "fontSize": 21.599999999999998,
-                  "fontWeight": "600",
-                  "lineHeight": 23,
-                  "userSelect": "none",
-                }
-              }
-              suppressHighlighting={true}
-            >
-              SEND.APP/
-            </Text>
-            <View
-              pointerEvents="none"
-              style={
-                {
-                  "height": 0,
-                  "minHeight": 0,
-                  "minWidth": 11.088000000000001,
-                  "width": 11.088000000000001,
-                }
-              }
-            />
             <RNSVGSvgView
               align="xMidYMid"
               bbHeight={20}
@@ -1449,8 +1173,8 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                 ]
               }
               tintColor="#40FB50"
-              vbHeight={16}
-              vbWidth={16}
+              vbHeight={18}
+              vbWidth={20}
               width={20}
             >
               <RNSVGGroup
@@ -1464,7 +1188,7 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                 strokeWidth="2"
               >
                 <RNSVGPath
-                  d="M13.2727 0H8.36364C6.85982 0 5.63636 1.22345 5.63636 2.72727V4H7.45455V2.72727C7.45455 2.226 7.86236 1.81818 8.36364 1.81818H13.2727C13.774 1.81818 14.1818 2.226 14.1818 2.72727V7.45455C14.1818 7.95582 13.774 8.36364 13.2727 8.36364H12.1818V10.1818H13.2727C14.7765 10.1818 16 8.95836 16 7.45455V2.72727C16 1.22345 14.7765 0 13.2727 0ZM7.63636 5.81818H2.72727C1.22345 5.81818 0 7.04164 0 8.54545V13.2727C0 14.7765 1.22345 16 2.72727 16H7.63636C9.14018 16 10.3636 14.7765 10.3636 13.2727V8.54545C10.3636 7.04164 9.14018 5.81818 7.63636 5.81818ZM8.54545 13.2727C8.54545 13.774 8.13764 14.1818 7.63636 14.1818H2.72727C2.226 14.1818 1.81818 13.774 1.81818 13.2727V8.54545C1.81818 8.04418 2.226 7.63636 2.72727 7.63636H7.63636C8.13764 7.63636 8.54545 8.04418 8.54545 8.54545V13.2727Z"
+                  d="M2 16h4V8H2v8Zm6 0h4V2H8v14Zm6 0h4v-6h-4v6ZM0 18V6h6V0h8v8h6v10H0Z"
                   fill={
                     {
                       "type": 2,
@@ -1473,15 +1197,342 @@ exports[`AccountScreen renders the account screen: AccountScreen 1`] = `
                   propList={
                     [
                       "fill",
-                      "strokeWidth",
-                      "strokeLinecap",
                     ]
                   }
-                  strokeLinecap={1}
-                  strokeWidth="2"
                 />
               </RNSVGGroup>
             </RNSVGSvgView>
+            <Text
+              lineBreakMode="clip"
+              numberOfLines={1}
+              style={
+                {
+                  "color": "#FFFFFF",
+                  "flexGrow": 0,
+                  "flexShrink": 1,
+                  "fontFamily": "System",
+                  "fontSize": 36,
+                  "fontWeight": 600,
+                  "lineHeight": 35,
+                  "userSelect": "none",
+                }
+              }
+              suppressHighlighting={true}
+            >
+              Leaderboard
+            </Text>
+          </View>
+          <RNSVGSvgView
+            align="xMidYMid"
+            bbHeight={24}
+            bbWidth={24}
+            color="#40FB50"
+            fill="none"
+            focusable={false}
+            height={24}
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
+            strokeWidth="2"
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {},
+                {
+                  "flex": 0,
+                  "height": 24,
+                  "width": 24,
+                },
+              ]
+            }
+            tintColor="#40FB50"
+            vbHeight={20}
+            vbWidth={20}
+            width={24}
+          >
+            <RNSVGGroup
+              fill={null}
+              propList={
+                [
+                  "fill",
+                  "strokeWidth",
+                ]
+              }
+              strokeWidth="2"
+            >
+              <RNSVGPath
+                d="M14.2917 10.625L9.12508 15.7917L10.0001 16.6667L16.6667 10L10.0001 3.33337L9.12508 4.20837L14.2917 9.37504H3.33341V10.625H14.2917Z"
+                fill={
+                  {
+                    "type": 2,
+                  }
+                }
+                propList={
+                  [
+                    "fill",
+                  ]
+                }
+              />
+            </RNSVGGroup>
+          </RNSVGSvgView>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "backgroundColor": "#111f22",
+            "borderBottomLeftRadius": 16,
+            "borderBottomRightRadius": 16,
+            "borderTopLeftRadius": 16,
+            "borderTopRightRadius": 16,
+            "flex": 1,
+            "flexDirection": "column",
+            "justifyContent": "space-between",
+            "paddingBottom": 40,
+            "paddingLeft": 40,
+            "paddingRight": 40,
+            "paddingTop": 40,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "justifyContent": "space-between",
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#FFFFFF",
+                "fontFamily": "System",
+                "fontSize": 36,
+                "fontWeight": 600,
+                "lineHeight": 35,
+                "userSelect": "auto",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Referrals
+          </Text>
+          <Text
+            style={
+              {
+                "borderBottomColor": "#40FB50",
+                "borderBottomLeftRadius": 9,
+                "borderBottomRightRadius": 9,
+                "borderBottomWidth": 1,
+                "borderLeftColor": "#40FB50",
+                "borderLeftWidth": 1,
+                "borderRightColor": "#40FB50",
+                "borderRightWidth": 1,
+                "borderStyle": "solid",
+                "borderTopColor": "#40FB50",
+                "borderTopLeftRadius": 9,
+                "borderTopRightRadius": 9,
+                "borderTopWidth": 1,
+                "color": "#FFFFFF",
+                "fontFamily": "System",
+                "fontSize": 16.8,
+                "fontWeight": "400",
+                "lineHeight": 19,
+                "paddingBottom": 4,
+                "paddingLeft": 16,
+                "paddingRight": 16,
+                "paddingTop": 4,
+                "userSelect": "auto",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            10
+          </Text>
+        </View>
+        <View
+          style={
+            {
+              "flexDirection": "column",
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#B2B2B2",
+                "fontFamily": "System",
+                "fontSize": 16.8,
+                "fontWeight": "400",
+                "lineHeight": 19,
+                "userSelect": "auto",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Referral Code
+          </Text>
+          <View
+            style={
+              {
+                "borderBottomLeftRadius": 9,
+                "borderBottomRightRadius": 9,
+                "borderTopLeftRadius": 9,
+                "borderTopRightRadius": 9,
+                "flexDirection": "row",
+                "paddingBottom": 10,
+                "paddingTop": 10,
+              }
+            }
+          >
+            <View
+              aria-label="Copy"
+              cancelable={true}
+              disabled={false}
+              focusVisibleStyle={{}}
+              focusable={[Function]}
+              minPressDuration={0}
+              onBlur={[Function]}
+              onFocus={[Function]}
+              onMouseEnter={[Function]}
+              onMouseLeave={[Function]}
+              onPress={[Function]}
+              onPressIn={[Function]}
+              onPressOut={[Function]}
+              role="button"
+              style={
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#081619",
+                  "borderBottomColor": "transparent",
+                  "borderBottomLeftRadius": 5,
+                  "borderBottomRightRadius": 5,
+                  "borderBottomWidth": 1,
+                  "borderLeftColor": "transparent",
+                  "borderLeftWidth": 1,
+                  "borderRightColor": "transparent",
+                  "borderRightWidth": 1,
+                  "borderStyle": "solid",
+                  "borderTopColor": "transparent",
+                  "borderTopLeftRadius": 5,
+                  "borderTopRightRadius": 5,
+                  "borderTopWidth": 1,
+                  "color": "#FFFFFF",
+                  "flex": 1,
+                  "flexDirection": "row",
+                  "flexWrap": "nowrap",
+                  "height": 44,
+                  "justifyContent": "space-between",
+                  "paddingLeft": 18,
+                  "paddingRight": 18,
+                  "shadowColor": "rgb(0,0,0)",
+                  "shadowOffset": {
+                    "height": 0,
+                    "width": 0,
+                  },
+                  "shadowOpacity": 0,
+                  "shadowRadius": 0,
+                }
+              }
+            >
+              <Text
+                lineBreakMode="clip"
+                numberOfLines={1}
+                style={
+                  {
+                    "color": "#FFFFFF",
+                    "flexGrow": 0,
+                    "flexShrink": 1,
+                    "fontFamily": "System",
+                    "fontSize": 21.599999999999998,
+                    "fontWeight": "600",
+                    "lineHeight": 23,
+                    "userSelect": "none",
+                  }
+                }
+                suppressHighlighting={true}
+              >
+                SEND.APP/
+              </Text>
+              <View
+                pointerEvents="none"
+                style={
+                  {
+                    "height": 0,
+                    "minHeight": 0,
+                    "minWidth": 11.088000000000001,
+                    "width": 11.088000000000001,
+                  }
+                }
+              />
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={20}
+                bbWidth={20}
+                color="#40FB50"
+                fill="none"
+                focusable={false}
+                height={20}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                strokeWidth="2"
+                style={
+                  [
+                    {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    {
+                      "color": "#40FB50",
+                    },
+                    {
+                      "flex": 0,
+                      "height": 20,
+                      "width": 20,
+                    },
+                  ]
+                }
+                tintColor="#40FB50"
+                vbHeight={16}
+                vbWidth={16}
+                width={20}
+              >
+                <RNSVGGroup
+                  fill={null}
+                  propList={
+                    [
+                      "fill",
+                      "strokeWidth",
+                    ]
+                  }
+                  strokeWidth="2"
+                >
+                  <RNSVGPath
+                    d="M13.2727 0H8.36364C6.85982 0 5.63636 1.22345 5.63636 2.72727V4H7.45455V2.72727C7.45455 2.226 7.86236 1.81818 8.36364 1.81818H13.2727C13.774 1.81818 14.1818 2.226 14.1818 2.72727V7.45455C14.1818 7.95582 13.774 8.36364 13.2727 8.36364H12.1818V10.1818H13.2727C14.7765 10.1818 16 8.95836 16 7.45455V2.72727C16 1.22345 14.7765 0 13.2727 0ZM7.63636 5.81818H2.72727C1.22345 5.81818 0 7.04164 0 8.54545V13.2727C0 14.7765 1.22345 16 2.72727 16H7.63636C9.14018 16 10.3636 14.7765 10.3636 13.2727V8.54545C10.3636 7.04164 9.14018 5.81818 7.63636 5.81818ZM8.54545 13.2727C8.54545 13.774 8.13764 14.1818 7.63636 14.1818H2.72727C2.226 14.1818 1.81818 13.774 1.81818 13.2727V8.54545C1.81818 8.04418 2.226 7.63636 2.72727 7.63636H7.63636C8.13764 7.63636 8.54545 8.04418 8.54545 8.54545V13.2727Z"
+                    fill={
+                      {
+                        "type": 2,
+                      }
+                    }
+                    propList={
+                      [
+                        "fill",
+                        "strokeWidth",
+                        "strokeLinecap",
+                      ]
+                    }
+                    strokeLinecap={1}
+                    strokeWidth="2"
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </View>
           </View>
         </View>
       </View>
diff --git a/packages/app/features/account/screen.tsx b/packages/app/features/account/screen.tsx
index 948bcb386..38a423dbe 100644
--- a/packages/app/features/account/screen.tsx
+++ b/packages/app/features/account/screen.tsx
@@ -11,6 +11,9 @@ import {
   Heading,
   LinkableButton,
   LinearGradient,
+  Stack,
+  Card,
+  Square,
 } from '@my/ui'
 import {
   IconAccount,
@@ -114,79 +117,25 @@ export function AccountScreen() {
   ]
 
   return (
-    <YStack
-      gap={'$size.1.5'}
-      width={'100%'}
-      pb={'$size.1.5'}
-      pt={'$3'}
-      $gtMd={{ flexDirection: 'row', ai: 'stretch', alignSelf: 'flex-start' }}
-      $gtLg={{ pt: 0 }}
-      ai="center"
-    >
-      <YStack bg={'$color1'} br={'$6'} maxWidth={avatarWidth}>
-        <YStack ai={'flex-start'} h="100%">
-          <YStack pos={'relative'}>
-            <Avatar size={avatarWidth} btlr={'$6'} btrr={'$6'} bc="$color2">
-              <Avatar.Image accessibilityLabel="" src={avatar_url ?? ''} />
-              <Avatar.Fallback f={1} ai={'center'} theme="green_active">
-                <IconAccount size={avatarWidth * 0.9} $theme-light={{ color: '$color12' }} />
-              </Avatar.Fallback>
-            </Avatar>
-            <LinearGradient
-              start={[0, 1]}
-              end={[0, 0]}
-              width={'100%'}
-              height={'$9'}
-              colors={['$color1', '$color1', 'transparent']}
-              pos={'absolute'}
-              pointerEvents={'none'}
-              b={0}
-              zIndex={2}
-            />
-            <XStack
-              zIndex={3}
-              pos={'absolute'}
-              bottom={'0'}
-              px={'$size.1'}
-              ai={'center'}
-              jc={'space-between'}
-              w={'100%'}
-              $gtXs={{ px: '$size.3.5' }}
-            >
-              <Heading fontSize={'$10'} fontWeight={'900'} color={'$color12'}>
-                {name ? name.toUpperCase() : '---'}
-              </Heading>
-            </XStack>
-          </YStack>
-          <YStack
-            $gtXs={{ p: '$size.3.5' }}
-            p={'$size.1'}
-            pt={'$size.0.9'}
-            jc={'space-between'}
-            f={1}
-            width={'100%'}
-          >
-            <YStack>
-              <XStack gap="$size.0.75">
-                <Paragraph color={'$color10'} size="$6">
-                  Send ID:
-                </Paragraph>
-                <Paragraph size="$6">{send_id}</Paragraph>
-              </XStack>
-              <YStack
-                flexDirection="row"
-                gap={'$size.0.75'}
-                flexWrap="wrap"
-                flexGrow={1}
-                mt={'$size.0.9'}
-              >
-                {tags?.map((tag) => (
-                  <TagPill key={tag.name}>{tag.name}</TagPill>
-                ))}
-              </YStack>
-            </YStack>
-
-            <XStack gap="$size.0.9" mt={'$size.1.5'}>
+    <YStack f={1} gap={'$size.1.5'} $lg={{ ai: 'center', fullscreen: true }} px>
+      <Stack
+        pt="$3"
+        pos="relative"
+        $md={{ maw: avatarWidth }}
+        width={'100%'}
+        ai="center"
+        $gtMd={{ flexDirection: 'row', ai: 'flex-start' }}
+      >
+        <Square
+          $gtMd={{ flexDirection: 'row', ai: 'flex-start', gap: '$size.1.5' }}
+          h="100%"
+          w="100%"
+          jc="flex-start"
+        >
+          {/* Add this Stack for flex */}
+          <Stack $md={{ display: 'none' }} ai="flex-start" width={'100%'} maw={avatarWidth} />
+          <XStack gap="$size.0.9" $gtMd={{ maxWidth: 480, f: 1 }} w="100%" ai="center">
+            <Theme inverse>
               <LinkableButton
                 href={media.lg ? '/account?nav=settings' : '/account/settings/edit-profile'}
                 // on smaller screens, we don't want to navigate to the settings screen but open bottom sheet
@@ -203,7 +152,6 @@ export function AccountScreen() {
                       },
                     }
                   : {})}
-                theme={'green'}
                 borderRadius={'$3'}
                 flexBasis={'50%'}
                 flexShrink={1}
@@ -214,100 +162,170 @@ export function AccountScreen() {
                     Settings
                   </Button.Text>
                   <Button.Icon>
-                    <IconGear size={20} />
+                    <IconGear size={'$1.5'} />
                   </Button.Icon>
                 </XStack>
               </LinkableButton>
-              <Button
-                onPress={shareOrCopyOnPress}
-                theme="green"
-                variant={'outlined'}
-                borderRadius={'$3'}
-                flexBasis={'50%'}
-                flexShrink={1}
-                borderColor={'$primary'}
-                ai={'center'}
-              >
-                <XStack jc={'space-between'} gap={'$size.0.75'} ai={'center'}>
-                  <Button.Text color="$color12" fontWeight={600} tt={'uppercase'}>
-                    Share
-                  </Button.Text>
-                  <Button.Icon>
-                    <IconShare
-                      size="$1"
-                      col={'$background'}
-                      $theme-light={{ color: '$color12' }}
-                      $platform-web={{ cursor: 'pointer' }}
-                    />
-                  </Button.Icon>
-                </XStack>
-              </Button>
-            </XStack>
-          </YStack>
-        </YStack>
-      </YStack>
-
-      <YStack gap={'$size.1.5'} maxWidth={480} f={1} width="100%">
-        {links.map((linkProps) => (
-          <StackButton key={linkProps.label} {...linkProps} />
-        ))}
-
-        <YStack
-          backgroundColor={'$color1'}
-          jc={'space-between'}
-          borderRadius={'$6'}
-          p={'$size.1'}
-          $gtXs={{ p: '$size.3.5' }}
-          f={1}
-        >
-          <XStack ai={'center'} jc="space-between">
-            <Paragraph size={'$9'} color="$color12" fontWeight={600}>
-              Referrals
-            </Paragraph>
-            <Paragraph
-              ff={'$mono'}
-              py={'$size.0.5'}
-              px={'$size.0.9'}
-              borderWidth={1}
+            </Theme>
+            <Button
+              onPress={shareOrCopyOnPress}
+              theme="green"
+              variant={'outlined'}
+              borderRadius={'$3'}
+              flexBasis={'50%'}
+              flexShrink={1}
               borderColor={'$primary'}
               $theme-light={{ borderColor: '$color12' }}
-              borderRadius={'$4'}
+              ai={'center'}
             >
-              {referralsCount ?? 0}
-            </Paragraph>
+              <XStack jc={'space-between'} gap={'$size.0.75'} ai={'center'}>
+                <Button.Text color="$color12" fontWeight={600} tt={'uppercase'}>
+                  Share
+                </Button.Text>
+                <Button.Icon>
+                  <IconShare size={'$1'} color={'$color12'} $platform-web={{ cursor: 'pointer' }} />
+                </Button.Icon>
+              </XStack>
+            </Button>
           </XStack>
-          <YStack>
-            <Paragraph color="$color10">Referral Code</Paragraph>
-            <XStack py={'$2.5'} borderRadius={'$4'}>
-              <TooltipSimple label={<Paragraph color="$white">{'Copy'}</Paragraph>}>
-                <Button
-                  bc={'$color0'}
-                  br="$2"
-                  aria-label={'Copy'}
-                  f={1}
-                  fd="row"
-                  chromeless
-                  onPress={copyOnPress}
-                  color="$color12"
-                  justifyContent="space-between"
-                  iconAfter={
-                    <Theme name="green_Button">
-                      <IconCopy
-                        size="$1"
-                        col={'$background'}
-                        $theme-light={{ color: '$color12' }}
-                        $platform-web={{ cursor: 'pointer' }}
-                      />
-                    </Theme>
-                  }
+        </Square>
+      </Stack>
+
+      <Stack
+        gap={'$size.1.5'}
+        pb={'$size.1.5'}
+        width={'100%'}
+        fd="column"
+        $gtMd={{ flexDirection: 'row', ai: 'flex-start' }}
+        $gtLg={{ pt: 0 }}
+        ai="center"
+      >
+        <Card br={'$6'} maxWidth={avatarWidth}>
+          <YStack ai={'flex-start'} h="100%">
+            <YStack pos={'relative'}>
+              <Avatar size={avatarWidth} btlr={'$6'} btrr={'$6'} bc="$color2">
+                <Avatar.Image accessibilityLabel="" src={avatar_url ?? ''} />
+                <Avatar.Fallback f={1} ai={'center'} theme="green_active">
+                  <IconAccount size={avatarWidth * 0.9} $theme-light={{ color: '$color12' }} />
+                </Avatar.Fallback>
+              </Avatar>
+              <LinearGradient
+                start={[0, 1]}
+                end={[0, 0]}
+                width={'100%'}
+                height={'$9'}
+                colors={['$color1', '$color1', 'transparent']}
+                pos={'absolute'}
+                pointerEvents={'none'}
+                b={0}
+                zIndex={2}
+              />
+              <XStack
+                zIndex={3}
+                pos={'absolute'}
+                bottom={'0'}
+                px={'$size.1'}
+                ai={'center'}
+                jc={'space-between'}
+                w={'100%'}
+                $gtXs={{ px: '$size.3.5' }}
+              >
+                <Heading fontSize={'$10'} fontWeight={'900'} color={'$color12'}>
+                  {name ? name.toUpperCase() : '---'}
+                </Heading>
+              </XStack>
+            </YStack>
+            <YStack
+              $gtXs={{ p: '$size.3.5' }}
+              p={'$size.1'}
+              pt={'$size.0.9'}
+              jc={'space-between'}
+              f={1}
+              width={'100%'}
+            >
+              <YStack>
+                <XStack gap="$size.0.75">
+                  <Paragraph color={'$color10'} size="$6">
+                    Send ID:
+                  </Paragraph>
+                  <Paragraph size="$6">{send_id}</Paragraph>
+                </XStack>
+                <YStack
+                  flexDirection="row"
+                  gap={'$size.0.75'}
+                  flexWrap="wrap"
+                  flexGrow={1}
+                  mt={'$size.0.9'}
                 >
-                  <Button.Text size={'$6'}>SEND.APP/{refCode}</Button.Text>
-                </Button>
-              </TooltipSimple>
+                  {tags?.map((tag) => (
+                    <TagPill key={tag.name}>{tag.name}</TagPill>
+                  ))}
+                </YStack>
+              </YStack>
+            </YStack>
+          </YStack>
+        </Card>
+        <YStack gap={'$size.1.5'} maxWidth={480} f={1} width="100%" $md={{ px: '$3' }}>
+          {links.map((linkProps) => (
+            <StackButton key={linkProps.label} {...linkProps} />
+          ))}
+          <YStack
+            backgroundColor={'$color1'}
+            jc={'space-between'}
+            borderRadius={'$6'}
+            p={'$size.1'}
+            $gtXs={{ p: '$size.3.5' }}
+            f={1}
+          >
+            <XStack ai={'center'} jc="space-between">
+              <Paragraph size={'$9'} color="$color12" fontWeight={600}>
+                Referrals
+              </Paragraph>
+              <Paragraph
+                ff={'$mono'}
+                py={'$size.0.5'}
+                px={'$size.0.9'}
+                borderWidth={1}
+                borderColor={'$primary'}
+                $theme-light={{ borderColor: '$color12' }}
+                borderRadius={'$4'}
+              >
+                {referralsCount ?? 0}
+              </Paragraph>
             </XStack>
+            <YStack>
+              <Paragraph color="$color10">Referral Code</Paragraph>
+              <XStack py={'$2.5'} borderRadius={'$4'}>
+                <TooltipSimple label={<Paragraph color="$white">{'Copy'}</Paragraph>}>
+                  <Button
+                    bc={'$color0'}
+                    br="$2"
+                    aria-label={'Copy'}
+                    f={1}
+                    fd="row"
+                    chromeless
+                    onPress={copyOnPress}
+                    color="$color12"
+                    justifyContent="space-between"
+                    iconAfter={
+                      <Theme name="green_Button">
+                        <IconCopy
+                          size="$1"
+                          col={'$background'}
+                          $theme-light={{ color: '$color12' }}
+                          $platform-web={{ cursor: 'pointer' }}
+                        />
+                      </Theme>
+                    }
+                  >
+                    <Button.Text size={'$6'}>SEND.APP/{refCode}</Button.Text>
+                  </Button>
+                </TooltipSimple>
+              </XStack>
+            </YStack>
           </YStack>
         </YStack>
-      </YStack>
+      </Stack>
     </YStack>
   )
 }