fix(wallet-mobile): Fix dark variant of notifications (#3795)

Emurgo · Jan 22, 2025 · 7adff71 · 7adff71
1 parent e1538a5
commit 7adff71
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/apps/wallet-mobile/src/features/Notifications/useCases/common/NotificationPopup.tsx b/apps/wallet-mobile/src/features/Notifications/useCases/common/NotificationPopup.tsx
@@ -99,7 +99,7 @@ const RewardsUpdatedIcon = () => {
 }
 
 const useStyles = () => {
-  const {atoms, color} = useTheme()
+  const {atoms, color, isLight} = useTheme()
   const styles = StyleSheet.create({
     container: {
       flex: 1,
@@ -108,7 +108,9 @@ const useStyles = () => {
       ...atoms.p_lg,
       ...atoms.gap_lg,
       ...atoms.flex_row,
-      backgroundColor: color.bg_color_max,
+      ...atoms.border,
+      backgroundColor: isLight ? color.bg_color_max : color.gray_100,
+      borderColor: color.gray_50,
     },
     icon: {
       width: 40,

diff --git a/apps/wallet-mobile/src/features/Notifications/useCases/common/SwipeOutWrapper.tsx b/apps/wallet-mobile/src/features/Notifications/useCases/common/SwipeOutWrapper.tsx
@@ -27,7 +27,7 @@ export const SwipeOutWrapper = ({children, onSwipeOut, onExpired}: Props) => {
   }, [fadeIn, fadeOut])
 
   React.useLayoutEffect(() => {
-    fadeIn()
+    requestAnimationFrame(() => fadeIn())
   }, [fadeIn])
 
   return (