From f8a3e57ab04af5658cb48aaa3fded31126bdaa8b Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Mon, 1 Feb 2021 18:25:55 -0500
Subject: gradient

---
 src/components/notifications/Notification.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'src/components')

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>
   );
 };
 
-- 
cgit v1.2.3-70-g09d2