diff options
| -rw-r--r-- | src/constants/constants.ts | 5 | ||||
| -rw-r--r-- | src/screens/main/notification/EmptyNotificationView.tsx | 15 |
2 files changed, 13 insertions, 7 deletions
diff --git a/src/constants/constants.ts b/src/constants/constants.ts index 611fd748..3c43fb6c 100644 --- a/src/constants/constants.ts +++ b/src/constants/constants.ts @@ -75,7 +75,10 @@ export const AVATAR_GRADIENT = { end: '#215151', }; -export const NOTIFICATION_GRADIENT = ['rgba(247, 248, 248, 1)', 'rgba(247, 248, 248, 0)'] +export const NOTIFICATION_GRADIENT = [ + 'rgba(247, 248, 248, 1)', + 'rgba(247, 248, 248, 0)', +]; export const SOCIAL_FONT_COLORS = { INSTAGRAM: INSTAGRAM_FONT_COLOR, diff --git a/src/screens/main/notification/EmptyNotificationView.tsx b/src/screens/main/notification/EmptyNotificationView.tsx index 194b16d0..34649f26 100644 --- a/src/screens/main/notification/EmptyNotificationView.tsx +++ b/src/screens/main/notification/EmptyNotificationView.tsx @@ -5,9 +5,9 @@ import {UP_TO_DATE, NO_NEW_NOTIFICATIONS} from '../../../constants/strings'; import {NOTIFICATION_GRADIENT} from '../../../constants/constants'; const EmptyNotificationView: React.FC = () => { return ( - <View style={style.container}> + <View style={styles.container}> <LinearGradient - style={{borderRadius: 135.5}} + style={styles.backgroundLinearView} useAngle={true} angle={180} colors={NOTIFICATION_GRADIENT}> @@ -15,17 +15,17 @@ const EmptyNotificationView: React.FC = () => { source={require('../../../assets/images/empty_notifications.png')} /> </LinearGradient> - <View style={style.topMargin}> - <Text style={style.upperTextStyle}>{UP_TO_DATE}</Text> + <View style={styles.topMargin}> + <Text style={styles.upperTextStyle}>{UP_TO_DATE}</Text> </View> <View> - <Text style={style.bottomTextStyle}>{NO_NEW_NOTIFICATIONS}</Text> + <Text style={styles.bottomTextStyle}>{NO_NEW_NOTIFICATIONS}</Text> </View> </View> ); }; -const style = StyleSheet.create({ +const styles = StyleSheet.create({ container: {alignItems: 'center'}, topMargin: {marginTop: 43}, upperTextStyle: { @@ -41,6 +41,9 @@ const style = StyleSheet.create({ fontStyle: 'normal', lineHeight: 40, }, + backgroundLinearView: { + borderRadius: 135.5, + }, }); export default EmptyNotificationView; |