tooot/src/screens/Tabs/Me/Lists.tsx

32 lines
721 B
TypeScript

import { MenuRow } from '@components/Menu'
import { StackScreenProps } from '@react-navigation/stack'
import { useListsQuery } from '@utils/queryHooks/lists'
import React from 'react'
const TabMeLists: React.FC<StackScreenProps<
Nav.TabMeStackParamList,
'Tab-Me-Lists'
>> = ({ navigation }) => {
const { data } = useListsQuery({})
return (
<>
{data?.map((d: Mastodon.List, i: number) => (
<MenuRow
key={i}
iconFront='List'
title={d.title}
onPress={() =>
navigation.navigate('Tab-Me-Lists-List', {
list: d.id,
title: d.title
})
}
/>
))}
</>
)
}
export default TabMeLists