2020-11-29 13:11:23 +01:00
|
|
|
import { useNavigation } from '@react-navigation/native'
|
2020-12-23 15:57:20 +01:00
|
|
|
import React, { useMemo } from 'react'
|
2020-11-29 13:11:23 +01:00
|
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
|
2020-12-13 14:04:25 +01:00
|
|
|
import { MenuContainer, MenuRow } from '@components/Menu'
|
2021-01-07 19:13:09 +01:00
|
|
|
import hookAnnouncement from '@utils/queryHooks/announcement'
|
2020-11-22 00:46:23 +01:00
|
|
|
|
2020-11-29 18:08:31 +01:00
|
|
|
const Collections: React.FC = () => {
|
|
|
|
const { t } = useTranslation('meRoot')
|
2020-11-29 13:11:23 +01:00
|
|
|
const navigation = useNavigation()
|
2020-11-22 00:46:23 +01:00
|
|
|
|
2021-01-07 19:13:09 +01:00
|
|
|
const { data, isFetching } = hookAnnouncement({ showAll: true })
|
2020-12-23 15:57:20 +01:00
|
|
|
|
|
|
|
const announcementContent = useMemo(() => {
|
|
|
|
if (data) {
|
|
|
|
const amount = data.filter(announcement => !announcement.read).length
|
|
|
|
if (amount) {
|
|
|
|
return `${amount} 条未读公告`
|
|
|
|
} else {
|
|
|
|
return '无未读公告'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, [data])
|
|
|
|
|
2020-11-22 00:46:23 +01:00
|
|
|
return (
|
|
|
|
<MenuContainer>
|
2020-12-03 01:28:56 +01:00
|
|
|
<MenuRow
|
2021-01-03 02:00:26 +01:00
|
|
|
iconFront='Mail'
|
|
|
|
iconBack='ChevronRight'
|
2020-11-29 18:08:31 +01:00
|
|
|
title={t('content.collections.conversations')}
|
2020-11-29 13:11:23 +01:00
|
|
|
onPress={() => navigation.navigate('Screen-Me-Conversations')}
|
|
|
|
/>
|
2020-12-03 01:28:56 +01:00
|
|
|
<MenuRow
|
2021-01-03 02:00:26 +01:00
|
|
|
iconFront='Bookmark'
|
|
|
|
iconBack='ChevronRight'
|
2020-11-29 18:08:31 +01:00
|
|
|
title={t('content.collections.bookmarks')}
|
2020-11-29 13:11:23 +01:00
|
|
|
onPress={() => navigation.navigate('Screen-Me-Bookmarks')}
|
|
|
|
/>
|
2020-12-03 01:28:56 +01:00
|
|
|
<MenuRow
|
2021-01-03 02:00:26 +01:00
|
|
|
iconFront='Star'
|
|
|
|
iconBack='ChevronRight'
|
2020-11-29 18:08:31 +01:00
|
|
|
title={t('content.collections.favourites')}
|
2020-11-29 13:11:23 +01:00
|
|
|
onPress={() => navigation.navigate('Screen-Me-Favourites')}
|
|
|
|
/>
|
2020-12-03 01:28:56 +01:00
|
|
|
<MenuRow
|
2021-01-03 02:00:26 +01:00
|
|
|
iconFront='List'
|
|
|
|
iconBack='ChevronRight'
|
2020-11-29 18:08:31 +01:00
|
|
|
title={t('content.collections.lists')}
|
2020-11-29 13:11:23 +01:00
|
|
|
onPress={() => navigation.navigate('Screen-Me-Lists')}
|
|
|
|
/>
|
2020-12-23 15:57:20 +01:00
|
|
|
<MenuRow
|
2021-01-03 02:00:26 +01:00
|
|
|
iconFront='Clipboard'
|
|
|
|
iconBack='ChevronRight'
|
2020-12-23 15:57:20 +01:00
|
|
|
title={t('content.collections.announcements')}
|
|
|
|
content={announcementContent}
|
2020-12-27 00:55:22 +01:00
|
|
|
loading={isFetching}
|
2020-12-23 15:57:20 +01:00
|
|
|
onPress={() =>
|
|
|
|
data &&
|
|
|
|
data.length &&
|
|
|
|
navigation.navigate('Screen-Shared-Announcements', { showAll: true })
|
|
|
|
}
|
|
|
|
/>
|
2020-11-22 00:46:23 +01:00
|
|
|
</MenuContainer>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2020-11-29 18:08:31 +01:00
|
|
|
export default Collections
|