Implement SceneDrawer and WalletListSearch

EdgeApp · Dec 15, 2023 · b0c36f4 · b0c36f4
1 parent 2afe9ab
commit b0c36f4
Show file tree

Hide file tree

Showing 22 changed files with 875 additions and 162 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Unreleased
 
 - changed: New dynamic menu tabs that responds to scene scroll
+- changed: New dynamic wallet list search drawer above tabs
 - fixed: Remove `minWidth` style from stake option card
 
 ## 3.23.0

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": 22,
-        "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
@@ -523,5 +523,32 @@ exports[`CreateWalletAccountSelect renders 1`] = `
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap
@@ -541,5 +541,32 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap
@@ -912,5 +912,32 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectFiatScene.test.tsx.snap
@@ -839,5 +839,32 @@ exports[`CreateWalletSelectFiatComponent should render with loading props 1`] =
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CryptoExchangeQuoteScene.test.tsx.snap
@@ -1405,5 +1405,32 @@ exports[`CryptoExchangeQuoteScreenComponent should render with loading props 1`]
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap
@@ -294,5 +294,32 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
diff --git a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap
@@ -500,5 +500,32 @@ exports[`CurrencySettings should render 1`] = `
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
diff --git a/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap
@@ -466,5 +466,32 @@ exports[`EdgeLoginScene should render with loading props 1`] = `
       }
     }
   />
+  <View
+    drawerOpenRatio={
+      {
+        "value": 1,
+      }
+    }
+    insetBottom={0}
+    keyboardHeight={0}
+    onLayout={[Function]}
+    style={
+      [
+        {
+          "alignItems": "stretch",
+          "bottom": 0,
+          "flexDirection": "column",
+          "justifyContent": "flex-start",
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+        {
+          "bottom": NaN,
+        },
+      ]
+    }
+  />
 </BVLinearGradient>
 `;
-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 @@