gradient

1 files changed, 4 insertions, 2 deletions

diff --git a/src/components/notifications/Notification.tsx b/src/components/notifications/Notification.tsx
index fc3119ed..28a5d912 100644
--- a/src/components/notifications/Notification.tsx
+++ b/src/components/notifications/Notification.tsx
@@ -2,7 +2,9 @@ import {useNavigation} from '@react-navigation/native';
 import React, {useEffect, useState} from 'react';
 import {Alert, Image, StyleSheet, Text, View} from 'react-native';
 import {TouchableWithoutFeedback} from 'react-native-gesture-handler';
+import LinearGradient from 'react-native-linear-gradient';
 import {useDispatch, useStore} from 'react-redux';
+import {BACKGROUND_GRADIENT_MAP} from '../../constants';
 import {ERROR_DELETED_OBJECT} from '../../constants/strings';
 import {
   loadImageFromURL,
@@ -199,7 +201,7 @@ const Notification: React.FC<NotificationProps> = (props) => {
   };
 
   return (
-    <>
+    <LinearGradient colors={BACKGROUND_GRADIENT_MAP[2]} useAngle angle={90}>
       <TouchableWithoutFeedback
         style={[styles.container, {backgroundColor}]}
         onPress={onNotificationTap}>
@@ -232,7 +234,7 @@ const Notification: React.FC<NotificationProps> = (props) => {
           <Image style={styles.moment} source={{uri: momentURI}} />
         )}
       </TouchableWithoutFeedback>
-    </>
+    </LinearGradient>
   );
 };