|
@@ -1,18 +1,42 @@
|
|
|
-import { StyleSheet, Text, View } from 'react-native'
|
|
|
+import { SafeAreaView, StyleSheet, Text, View } from 'react-native'
|
|
|
import React from 'react'
|
|
|
+import NotificationCard from '../Cards/NotificationCard'
|
|
|
+import { getDate } from '../../../utils/Constants/functions'
|
|
|
+import fonts from '../../../theme/fonts'
|
|
|
+import colors from '../../../theme/colors'
|
|
|
+import images from '../../../assets/images/images'
|
|
|
+
|
|
|
+const NotificationSection = ({ navigation }) => {
|
|
|
+
|
|
|
+ return (
|
|
|
+ <View >
|
|
|
+ <Text style={styles.timestampText}>{getDate("2023-06-16T11:57:52.458032Z")}</Text>
|
|
|
+ <View style={{paddingHorizontal: 8,gap: 8}}>
|
|
|
+ <NotificationCard
|
|
|
+ image={images.imageCard}
|
|
|
+ profileImage={images.horizontalCard}
|
|
|
+ headline={"semi has posted new politics news"}
|
|
|
+ tagline={"semi has posted new politics news"}
|
|
|
+ timestamp={"2023-04-16T11:57:52.458032Z"}
|
|
|
+ />
|
|
|
+ <NotificationCard />
|
|
|
+ <NotificationCard />
|
|
|
+ <NotificationCard />
|
|
|
+ </View>
|
|
|
|
|
|
-const NotificationSection = props => {
|
|
|
- const {
|
|
|
- navigation
|
|
|
- } = props
|
|
|
-
|
|
|
- return (
|
|
|
- <View>
|
|
|
- <Text>NotificationSection</Text>
|
|
|
</View>
|
|
|
)
|
|
|
}
|
|
|
|
|
|
export default NotificationSection
|
|
|
|
|
|
-const styles = StyleSheet.create({})
|
|
|
+const styles = StyleSheet.create({
|
|
|
+ timestampText:{
|
|
|
+ padding: 8,
|
|
|
+ fontFamily: fonts.type.light,
|
|
|
+ color: colors.grayShade_100
|
|
|
+ },
|
|
|
+ notificationContainer:{
|
|
|
+
|
|
|
+ }
|
|
|
+})
|