From 2090738527544d937659ad6e97ba342c4f880afc Mon Sep 17 00:00:00 2001
From: Jon Tzeng <jon@edge.app>
Date: Fri, 20 Oct 2023 13:23:40 -0700
Subject: [PATCH] fixup! Overlay styling for "Wallet Paused"

---
 .../themed/WalletListCurrencyRow.tsx           | 18 +++++++-----------
 src/theme/variables/edgeDark.ts                |  3 +--
 src/theme/variables/edgeLight.ts               |  3 +--
 src/types/Theme.ts                             |  1 -
 4 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/components/themed/WalletListCurrencyRow.tsx b/src/components/themed/WalletListCurrencyRow.tsx
index 7689c0b3553..ef5b1ba6a12 100644
--- a/src/components/themed/WalletListCurrencyRow.tsx
+++ b/src/components/themed/WalletListCurrencyRow.tsx
@@ -55,6 +55,11 @@ const WalletListCurrencyRowComponent = (props: Props) => {
 
   return (
     <TouchableOpacity accessible={false} style={styles.row} onLongPress={handleLongPress} onPress={handlePress}>
+      {customAsset != null ? (
+        <CustomAssetRow customAsset={customAsset} />
+      ) : (
+        <CurrencyRow showRate={showRate && !isPaused} token={token} tokenId={tokenId} wallet={wallet} />
+      )}
       {isPaused ? (
         <>
           <View style={styles.overlayLabelContainer}>
@@ -63,11 +68,6 @@ const WalletListCurrencyRowComponent = (props: Props) => {
           <View style={styles.overlayContainer} />
         </>
       ) : null}
-      {customAsset != null ? (
-        <CustomAssetRow customAsset={customAsset} />
-      ) : (
-        <CurrencyRow showRate={showRate && !isPaused} token={token} tokenId={tokenId} wallet={wallet} />
-      )}
     </TouchableOpacity>
   )
 }
@@ -79,15 +79,11 @@ const getStyles = cacheStyles((theme: Theme) => ({
   overlayLabelContainer: {
     ...StyleSheet.absoluteFillObject,
     alignItems: 'center',
-    display: 'flex',
-    justifyContent: 'center',
-    zIndex: 2
+    justifyContent: 'center'
   },
   overlayContainer: {
     ...StyleSheet.absoluteFillObject,
-    backgroundColor: theme.overlayDisabledColor,
-    opacity: theme.overlayDisabledOpacity,
-    zIndex: 1
+    backgroundColor: theme.overlayDisabledColor
   },
   row: {
     alignItems: 'center',
diff --git a/src/theme/variables/edgeDark.ts b/src/theme/variables/edgeDark.ts
index 31acec1a0ac..7bfceda5227 100644
--- a/src/theme/variables/edgeDark.ts
+++ b/src/theme/variables/edgeDark.ts
@@ -329,8 +329,7 @@ export const edgeDark: Theme = {
   underlayOpacity: 0.95,
 
   // TouchableHighlights overlay
-  overlayDisabledColor: palette.black,
-  overlayDisabledOpacity: 0.5,
+  overlayDisabledColor: palette.blackOp50,
   overlayDisabledTextColor: palette.white,
 
   // Tutorials
diff --git a/src/theme/variables/edgeLight.ts b/src/theme/variables/edgeLight.ts
index 9a6b4c63835..46088b15c96 100644
--- a/src/theme/variables/edgeLight.ts
+++ b/src/theme/variables/edgeLight.ts
@@ -329,8 +329,7 @@ export const edgeLight: Theme = {
   underlayOpacity: 0.95,
 
   // TouchableHighlights overlay
-  overlayDisabledColor: palette.black,
-  overlayDisabledOpacity: 0.5,
+  overlayDisabledColor: palette.blackOp50,
   overlayDisabledTextColor: palette.white,
 
   // Tutorials
diff --git a/src/types/Theme.ts b/src/types/Theme.ts
index 5f1abcdb592..04d8b7269a2 100644
--- a/src/types/Theme.ts
+++ b/src/types/Theme.ts
@@ -330,7 +330,6 @@ export interface Theme {
 
   // TouchableHighlights overlay
   overlayDisabledColor: string
-  overlayDisabledOpacity: number
   overlayDisabledTextColor: string
 
   // Tutorials