diff options
| -rw-r--r-- | src/components/notifications/Notification.tsx | 6 | ||||
| -rw-r--r-- | src/constants/constants.ts | 4 | ||||
| -rw-r--r-- | src/types/types.ts | 1 |
3 files changed, 9 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> ); }; diff --git a/src/constants/constants.ts b/src/constants/constants.ts index ad43c337..7fcc457f 100644 --- a/src/constants/constants.ts +++ b/src/constants/constants.ts @@ -130,6 +130,10 @@ export const BACKGROUND_GRADIENT_MAP: Record< > = { [BackgroundGradientType.Light]: ['#9F00FF', '#27EAE9'], [BackgroundGradientType.Dark]: ['#421566', '#385D5E'], + [BackgroundGradientType.Notification]: [ + 'rgba(143, 1, 255, 0.5)', + 'rgba(110, 231, 231, 0.5)', + ], }; export const CLASS_YEAR_LIST: Array<string> = [ diff --git a/src/types/types.ts b/src/types/types.ts index b014aa2e..f1ba12f4 100644 --- a/src/types/types.ts +++ b/src/types/types.ts @@ -165,6 +165,7 @@ export enum CategorySelectionScreenType { export enum BackgroundGradientType { Light, Dark, + Notification } /** |