Implement SceneDrawer and WalletListSearch

EdgeApp · Dec 28, 2023 · b9c21ab · b9c21ab
1 parent 89ececf
commit b9c21ab
Show file tree

Hide file tree

Showing 22 changed files with 851 additions and 162 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,7 @@
 - changed: Update various scenes with UI4 components
 - changed: Light account re-enabled at 50% distribution
 - changed: New dynamic menu tabs that responds to scene scroll
+- changed: New dynamic wallet list search drawer above tabs
 - changed: Scene layout to support transparent and blurred header and tab-bar
 - fixed: USP vs legacy landing experiment distribution
 - fixed: Paybis sell from Tron USDT

diff --git a/src/__tests__/components/WalletListHeader.test.tsx b/src/__tests__/components/WalletListHeader.test.tsx
@@ -15,7 +15,6 @@ describe('WalletListHeader', () => {
         navigation={fakeNavigation}
         sorting
         searching
-        searchText="string"
         openSortModal={() => undefined}
         onChangeSearchText={() => undefined}
         onChangeSearchingState={searching => undefined}

diff --git a/src/__tests__/components/__snapshots__/MenuTabs.test.tsx.snap b/src/__tests__/components/__snapshots__/MenuTabs.test.tsx.snap
@@ -2,7 +2,6 @@
 
 exports[`MenuTabs should render with loading props 1`] = `
 <View
-  bottom={0}
   onLayout={[Function]}
   style={
     {

diff --git a/src/__tests__/components/__snapshots__/WalletListHeader.test.tsx.snap b/src/__tests__/components/__snapshots__/WalletListHeader.test.tsx.snap
@@ -1,61 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`WalletListHeader should render with loading props 1`] = `
-<React.Fragment>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "flexDirection": "row",
-        "marginHorizontal": 11,
-        "marginTop": 11,
-      }
-    }
-  >
-    <View
-      style={
-        {
-          "flex": 1,
-          "flexDirection": "column",
-        }
-      }
-    >
-      <ForwardRef
-        label="Search Wallets"
-        marginRem={
-          [
-            0,
-            0,
-            1,
-          ]
-        }
-        onChangeText={[Function]}
-        onFocus={[Function]}
-        returnKeyType="search"
-        searchIcon={true}
-        value="string"
-      />
-    </View>
-    <TouchableOpacity
-      onPress={[Function]}
-      style={
-        {
-          "justifyContent": "center",
-          "paddingBottom": 22,
-          "paddingLeft": 17,
-        }
-      }
-    >
-      <WithTheme(EdgeTextComponent)
-        style={
-          {
-            "color": "#00f1a2",
-          }
-        }
-      >
-        Done
-      </WithTheme(EdgeTextComponent)>
-    </TouchableOpacity>
-  </View>
-</React.Fragment>
-`;
+exports[`WalletListHeader should render with loading props 1`] = `<React.Fragment />`;
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap
@@ -515,6 +515,32 @@ exports[`CreateWalletAccountSelect renders 1`] = `
           </Text>
         </BVLinearGradient>
       </View>
+      <View
+        drawerOpenRatio={
+          {
+            "value": 1,
+          }
+        }
+        isKeyboardOpen={true}
+        onLayout={[Function]}
+        style={
+          [
+            {
+              "alignItems": "stretch",
+              "bottom": 0,
+              "flexDirection": "column",
+              "justifyContent": "flex-start",
+              "left": 0,
+              "overflow": "hidden",
+              "position": "absolute",
+              "right": 0,
+            },
+            {
+              "bottom": 0,
+            },
+          ]
+        }
+      />
     </View>
   </RCTScrollView>,
 ]

diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap
@@ -530,6 +530,32 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
         </Text>
       </BVLinearGradient>
     </View>
+    <View
+      drawerOpenRatio={
+        {
+          "value": 1,
+        }
+      }
+      isKeyboardOpen={true}
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "alignItems": "stretch",
+            "bottom": 0,
+            "flexDirection": "column",
+            "justifyContent": "flex-start",
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+          {
+            "bottom": 0,
+          },
+        ]
+      }
+    />
   </View>,
 ]
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap
@@ -898,6 +898,32 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
         </View>
       </View>
     </View>
+    <View
+      drawerOpenRatio={
+        {
+          "value": 1,
+        }
+      }
+      isKeyboardOpen={true}
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "alignItems": "stretch",
+            "bottom": 0,
+            "flexDirection": "column",
+            "justifyContent": "flex-start",
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+          {
+            "bottom": 0,
+          },
+        ]
+      }
+    />
   </View>,
 ]
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap
@@ -828,6 +828,32 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] =
         </BVLinearGradient>
       </View>
     </View>
+    <View
+      drawerOpenRatio={
+        {
+          "value": 1,
+        }
+      }
+      isKeyboardOpen={true}
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "alignItems": "stretch",
+            "bottom": 0,
+            "flexDirection": "column",
+            "justifyContent": "flex-start",
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+          {
+            "bottom": 0,
+          },
+        ]
+      }
+    />
   </View>,
 ]
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap
@@ -1458,6 +1458,32 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
         }
       }
     />
+    <View
+      drawerOpenRatio={
+        {
+          "value": 1,
+        }
+      }
+      isKeyboardOpen={true}
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "alignItems": "stretch",
+            "bottom": 0,
+            "flexDirection": "column",
+            "justifyContent": "flex-start",
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+          {
+            "bottom": 0,
+          },
+        ]
+      }
+    />
   </View>,
 ]
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap
@@ -283,6 +283,32 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
         </View>
       </View>
     </RCTScrollView>
+    <View
+      drawerOpenRatio={
+        {
+          "value": 1,
+        }
+      }
+      isKeyboardOpen={true}
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "alignItems": "stretch",
+            "bottom": 0,
+            "flexDirection": "column",
+            "justifyContent": "flex-start",
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+          {
+            "bottom": 0,
+          },
+        ]
+      }
+    />
   </View>,
 ]
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap
@@ -489,6 +489,32 @@ exports[`CurrencySettings should render 1`] = `
         </View>
       </View>
     </RCTScrollView>
+    <View
+      drawerOpenRatio={
+        {
+          "value": 1,
+        }
+      }
+      isKeyboardOpen={true}
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "alignItems": "stretch",
+            "bottom": 0,
+            "flexDirection": "column",
+            "justifyContent": "flex-start",
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+          {
+            "bottom": 0,
+          },
+        ]
+      }
+    />
   </View>,
 ]
 `;
diff --git a/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap
@@ -455,6 +455,32 @@ exports[`EdgeLoginScene should render with loading props 1`] = `
         </Text>
       </BVLinearGradient>
     </View>
+    <View
+      drawerOpenRatio={
+        {
+          "value": 1,
+        }
+      }
+      isKeyboardOpen={true}
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "alignItems": "stretch",
+            "bottom": 0,
+            "flexDirection": "column",
+            "justifyContent": "flex-start",
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+          {
+            "bottom": 0,
+          },
+        ]
+      }
+    />
   </View>,
 ]
 `;
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,7 +2,6 @@ @@
     exports[`MenuTabs should render with loading props 1`] = `
     <View
-      bottom={0}
       onLayout={[Function]}
       style={
         {
@@ Expand Down @@