fix(common): styling minors

Emurgo · Aug 28, 2024 · f4f494c · f4f494c
1 parent 37a4a3c
commit f4f494c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/apps/wallet-mobile/src/components/Button/Button.tsx b/apps/wallet-mobile/src/components/Button/Button.tsx
@@ -88,6 +88,7 @@ export const Button = (props: ButtonProps) => {
             outlineOnLight && styles.textOutlineOnLight,
             outlineOnLight && shelleyTheme && styles.textShelleyOutlineOnLight,
             outlineShelley && styles.textOutlineShelley,
+            props.disabled && styles.buttonDisabledText,
             textStyles,
           ]}
         >
@@ -153,6 +154,10 @@ const useStyles = () => {
     },
     buttonDisabled: {
       opacity: 0.5,
+      color: color.gray_cmin,
+    },
+    buttonDisabledText: {
+      color: color.gray_cmin,
     },
     shelleyTheme: {
       backgroundColor: color.primary_c500,

diff --git a/...bile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/ErrorScreen.tsx b/...bile/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/ErrorScreen.tsx
@@ -34,7 +34,7 @@ export const ErrorScreen = () => {
 }
 
 const useStyles = () => {
-  const {atoms} = useTheme()
+  const {atoms, color} = useTheme()
 
   const styles = StyleSheet.create({
     root: {
@@ -45,6 +45,7 @@ const useStyles = () => {
     text: {
       ...atoms.heading_3_medium,
       ...atoms.text_center,
+      color: color.text_gray_max,
       maxWidth: 340,
     },
     button: {

diff --git a/...le/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/LoadingScreen.tsx b/...le/src/features/Exchange/useCases/CreateExchangeOrderScreen/LoadingLink/LoadingScreen.tsx
@@ -21,7 +21,7 @@ export const LoadingLinkScreen = () => {
 }
 
 const useStyles = () => {
-  const {atoms} = useTheme()
+  const {atoms, color} = useTheme()
 
   const styles = StyleSheet.create({
     root: {
@@ -32,6 +32,7 @@ const useStyles = () => {
     text: {
       ...atoms.heading_3_medium,
       ...atoms.text_center,
+      color: color.text_gray_max,
       maxWidth: 340,
     },
   })