- Tambah fungsi handleMarkOneRead untuk tandai satu notifikasi terbaca tanpa navigasi - Tambah tombol "Tandai dibaca" pada tiap notifikasi yang belum terbaca - Buat notification.styles.ts dengan 8 class styles untuk notification screen - Daftarkan NotificationStyles ke constants/styles/index.ts
30 lines
881 B
TypeScript
30 lines
881 B
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
const NotificationStyles = StyleSheet.create({
|
|
notifContainer: { paddingTop: 10 },
|
|
notifHeaderRow: { marginTop: 16, marginBottom: 8 },
|
|
notifDateSeparator: { flex: 1, height: 1, marginLeft: 8 },
|
|
notifDateText: { fontSize: 11, fontWeight: '600', letterSpacing: 0.6, textTransform: 'uppercase' },
|
|
notifItemRow: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
borderRadius: 10,
|
|
borderWidth: 1,
|
|
paddingHorizontal: 12,
|
|
paddingVertical: 10,
|
|
marginBottom: 6,
|
|
},
|
|
notifIconContainer: {
|
|
width: 42,
|
|
height: 42,
|
|
borderRadius: 21,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
flexShrink: 0,
|
|
},
|
|
notifContent: { marginLeft: 10 },
|
|
notifMarkReadText: { fontSize: 11, color: '#3B82F6', fontWeight: '600' },
|
|
});
|
|
|
|
export default NotificationStyles;
|