2021-10-05 15:44:14 +00:00
|
|
|
import { useNotifications } from '@skolplattformen/hooks'
|
2021-06-16 12:10:06 +00:00
|
|
|
import { List, StyleService, useStyleSheet } from '@ui-kitten/components'
|
2021-02-20 08:38:08 +00:00
|
|
|
import React from 'react'
|
2021-04-23 11:33:29 +00:00
|
|
|
import { Sizing } from '../styles'
|
2021-02-17 20:19:18 +00:00
|
|
|
import { useChild } from './childContext.component'
|
2021-02-15 12:33:47 +00:00
|
|
|
import { Notification } from './notification.component'
|
2021-01-26 11:02:24 +00:00
|
|
|
|
2021-02-17 20:19:18 +00:00
|
|
|
export const NotificationsList = () => {
|
2021-06-16 12:10:06 +00:00
|
|
|
const styles = useStyleSheet(themedStyles)
|
2021-02-17 20:19:18 +00:00
|
|
|
const child = useChild()
|
2021-02-20 08:38:08 +00:00
|
|
|
const { data } = useNotifications(child)
|
2021-06-16 12:10:06 +00:00
|
|
|
|
2021-01-26 11:02:24 +00:00
|
|
|
return (
|
|
|
|
<List
|
|
|
|
style={styles.container}
|
|
|
|
contentContainerStyle={styles.contentContainer}
|
2021-02-17 20:19:18 +00:00
|
|
|
data={data}
|
2021-01-26 11:02:24 +00:00
|
|
|
renderItem={(info) => (
|
|
|
|
<Notification key={info.item.id} item={info.item} />
|
2021-02-07 16:14:45 +00:00
|
|
|
)}
|
|
|
|
/>
|
2021-01-26 11:02:24 +00:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2021-06-16 12:10:06 +00:00
|
|
|
const themedStyles = StyleService.create({
|
2021-01-26 12:39:22 +00:00
|
|
|
container: {
|
2021-02-10 10:08:17 +00:00
|
|
|
height: '100%',
|
2021-02-07 16:14:45 +00:00
|
|
|
width: '100%',
|
2021-01-26 12:39:22 +00:00
|
|
|
},
|
2021-01-26 11:02:24 +00:00
|
|
|
contentContainer: {
|
2021-06-16 12:10:06 +00:00
|
|
|
paddingHorizontal: Sizing.t3,
|
|
|
|
paddingVertical: Sizing.t3,
|
2021-02-07 16:14:45 +00:00
|
|
|
},
|
2021-01-26 11:02:24 +00:00
|
|
|
})
|