From a3103a59f57dbabb52d09b53d6ecd57caf5bd795 Mon Sep 17 00:00:00 2001
From: jorbuedo <jorbuedo@users.noreply.github.com>
Date: Sat, 12 Oct 2024 11:35:57 +0200
Subject: [PATCH] fix(wallet-mobile): disabled actions label color (#3686)

---
 .../useCases/TxHistory/ActionsBanner.tsx            | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx
index b4cbd5ea08..b4a4913773 100644
--- a/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx
+++ b/apps/wallet-mobile/src/features/Transactions/useCases/TxHistory/ActionsBanner.tsx
@@ -118,7 +118,7 @@ export const ActionsBanner = ({disabled = false}: {disabled: boolean}) => {
           onLongPress={handleOnLongPressReceive}
         />
 
-        <Text style={styles.actionLabel}>{strings.receiveLabel}</Text>
+        <Text style={[styles.actionLabel, disabled && styles.disabledLabel]}>{strings.receiveLabel}</Text>
       </View>
 
       {!meta.isReadOnly && (
@@ -132,7 +132,7 @@ export const ActionsBanner = ({disabled = false}: {disabled: boolean}) => {
               disabled={disabled}
             />
 
-            <Text style={styles.actionLabel}>{strings.sendLabel}</Text>
+            <Text style={[styles.actionLabel, disabled && styles.disabledLabel]}>{strings.sendLabel}</Text>
           </View>
 
           <View style={styles.centralized}>
@@ -144,7 +144,7 @@ export const ActionsBanner = ({disabled = false}: {disabled: boolean}) => {
               disabled={disabled}
             />
 
-            <Text style={styles.actionLabel}>{strings.swapLabel}</Text>
+            <Text style={[styles.actionLabel, disabled && styles.disabledLabel]}>{strings.swapLabel}</Text>
           </View>
 
           <View style={styles.centralized}>
@@ -156,7 +156,7 @@ export const ActionsBanner = ({disabled = false}: {disabled: boolean}) => {
               disabled={disabled}
             />
 
-            <Text style={styles.actionLabel}>{strings.exchange}</Text>
+            <Text style={[styles.actionLabel, disabled && styles.disabledLabel]}>{strings.exchange}</Text>
           </View>
         </>
       )}
@@ -180,7 +180,10 @@ const useStyles = () => {
     actionLabel: {
       ...atoms.pt_sm,
       ...atoms.body_3_sm_medium,
-      color: color.gray_max,
+      color: color.text_gray_medium,
+    },
+    disabledLabel: {
+      color: color.text_gray_low,
     },
   })