2021-05-09 23:16:53 +02:00
|
|
|
import { MenuContainer, MenuRow } from '@components/Menu'
|
2021-08-29 15:25:38 +02:00
|
|
|
import { TabMeStackScreenProps } from '@utils/navigation/navigators'
|
2021-01-11 21:36:57 +01:00
|
|
|
import { useListsQuery } from '@utils/queryHooks/lists'
|
2021-02-28 17:41:21 +01:00
|
|
|
import React from 'react'
|
2020-11-22 00:46:23 +01:00
|
|
|
|
2021-08-29 15:25:38 +02:00
|
|
|
const TabMeLists: React.FC<TabMeStackScreenProps<'Tab-Me-Lists'>> = ({
|
|
|
|
navigation
|
|
|
|
}) => {
|
2021-02-28 17:41:21 +01:00
|
|
|
const { data } = useListsQuery({})
|
2020-11-22 00:46:23 +01:00
|
|
|
|
2021-02-28 17:41:21 +01:00
|
|
|
return (
|
2021-05-09 23:16:53 +02:00
|
|
|
<MenuContainer>
|
2021-02-28 17:41:21 +01:00
|
|
|
{data?.map((d: Mastodon.List, i: number) => (
|
2020-12-03 01:28:56 +01:00
|
|
|
<MenuRow
|
2020-11-28 17:07:30 +01:00
|
|
|
key={i}
|
2021-01-03 02:00:26 +01:00
|
|
|
iconFront='List'
|
2021-05-09 23:16:53 +02:00
|
|
|
iconBack='ChevronRight'
|
2020-11-22 00:46:23 +01:00
|
|
|
title={d.title}
|
2020-11-29 13:11:23 +01:00
|
|
|
onPress={() =>
|
2021-01-30 01:29:15 +01:00
|
|
|
navigation.navigate('Tab-Me-Lists-List', {
|
2020-11-29 13:11:23 +01:00
|
|
|
list: d.id,
|
|
|
|
title: d.title
|
|
|
|
})
|
|
|
|
}
|
2020-11-22 00:46:23 +01:00
|
|
|
/>
|
2021-02-28 17:41:21 +01:00
|
|
|
))}
|
2021-05-09 23:16:53 +02:00
|
|
|
</MenuContainer>
|
2021-02-28 17:41:21 +01:00
|
|
|
)
|
2020-11-22 00:46:23 +01:00
|
|
|
}
|
|
|
|
|
2021-05-09 21:59:03 +02:00
|
|
|
export default TabMeLists
|