feat: tambah fitur tandai terbaca per notifikasi dan ekstrak styles
- 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
This commit is contained in:
29
constants/styles/notification.styles.ts
Normal file
29
constants/styles/notification.styles.ts
Normal file
@@ -0,0 +1,29 @@
|
||||
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;
|
||||
Reference in New Issue
Block a user