1 files changed, 46 insertions, 0 deletions
diff --git a/src/screens/main/notification/EmptyNotificationView.tsx b/src/screens/main/notification/EmptyNotificationView.tsx
new file mode 100644
index 00000000..194b16d0
--- /dev/null
+++ b/src/screens/main/notification/EmptyNotificationView.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import {Image, StyleSheet, Text, View} from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+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}>
+      <LinearGradient
+        style={{borderRadius: 135.5}}
+        useAngle={true}
+        angle={180}
+        colors={NOTIFICATION_GRADIENT}>
+        <Image
+          source={require('../../../assets/images/empty_notifications.png')}
+        />
+      </LinearGradient>
+      <View style={style.topMargin}>
+        <Text style={style.upperTextStyle}>{UP_TO_DATE}</Text>
+      </View>
+      <View>
+        <Text style={style.bottomTextStyle}>{NO_NEW_NOTIFICATIONS}</Text>
+      </View>
+    </View>
+  );
+};
+
+const style = StyleSheet.create({
+  container: {alignItems: 'center'},
+  topMargin: {marginTop: 43},
+  upperTextStyle: {
+    fontWeight: '700',
+    fontSize: 23,
+    fontStyle: 'normal',
+    lineHeight: 40,
+  },
+  bottomTextStyle: {
+    color: '#2D3B45',
+    fontWeight: '600',
+    fontSize: 20,
+    fontStyle: 'normal',
+    lineHeight: 40,
+  },
+});
+
+export default EmptyNotificationView;