Implement SceneDrawer and WalletListSearch

EdgeApp · Jan 11, 2024 · ba16632 · ba16632
1 parent 7ddc061
commit ba16632
Show file tree

Hide file tree

Showing 20 changed files with 831 additions and 131 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - changed: Block Buy/Sell/Receive for Light Accounts
 - changed: Free FIO handle modal visual design
 - 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
 - changed: Bity and Paybis plugins to use EdgeTxAction for sell transactions
 - changed: Do not write tx.metadata in fiat sell transactions

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`] = `
 <BVLinearGradient
-  bottom={0}
   colors={
     [
       0,
@@ -16,7 +15,6 @@ exports[`MenuTabs should render with loading props 1`] = `
     }
   }
   locations={null}
-  onLayout={[Function]}
   startPoint={
     {
       "x": 0,

diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap
@@ -816,6 +816,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
@@ -783,6 +783,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
@@ -1026,6 +1026,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
@@ -989,6 +989,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
@@ -1789,6 +1789,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
@@ -442,6 +442,32 @@ exports[`CurrencyNotificationComponent 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>
   </RCTScrollView>,
 ]

diff --git a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap
@@ -639,6 +639,32 @@ exports[`CurrencySettings should render 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>
   </RCTScrollView>,
 ]

diff --git a/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap
@@ -635,6 +635,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>,
 ]
 `;