complated
This commit is contained in:
@@ -44,7 +44,9 @@ export default function CompanyList({ query }: { query: string }) {
|
||||
initialPageParam: 1,
|
||||
});
|
||||
|
||||
const allCompanies = data?.pages.flatMap((page) => page.results) ?? [];
|
||||
const allCompanies = data?.pages
|
||||
.flatMap((page) => page.results)
|
||||
.filter((company) => company.company_name);
|
||||
|
||||
const handlePresentModal = useCallback((company: CompanyResponse) => {
|
||||
setSelectedCompany(company);
|
||||
@@ -79,6 +81,7 @@ export default function CompanyList({ query }: { query: string }) {
|
||||
<FlatList
|
||||
data={allCompanies}
|
||||
keyExtractor={(item) => item.id.toString()}
|
||||
contentContainerStyle={{ paddingBottom: 70 }}
|
||||
renderItem={({ item }) => (
|
||||
<TouchableOpacity
|
||||
style={[styles.card, isDark ? styles.darkCard : styles.lightCard]}
|
||||
@@ -92,14 +95,19 @@ export default function CompanyList({ query }: { query: string }) {
|
||||
</Text>
|
||||
<ChevronRight size={20} color={isDark ? '#64748b' : '#94a3b8'} />
|
||||
</View>
|
||||
<View style={styles.cardLocation}>
|
||||
<MapPin size={16} color={isDark ? '#64748b' : '#94a3b8'} />
|
||||
<Text
|
||||
style={[styles.cardLocationText, isDark ? styles.darkSubText : styles.lightSubText]}
|
||||
>
|
||||
{item.country_name}, {item.region_name}
|
||||
</Text>
|
||||
</View>
|
||||
{item.country_name && (
|
||||
<View style={styles.cardLocation}>
|
||||
<MapPin size={16} color={isDark ? '#64748b' : '#94a3b8'} />
|
||||
<Text
|
||||
style={[
|
||||
styles.cardLocationText,
|
||||
isDark ? styles.darkSubText : styles.lightSubText,
|
||||
]}
|
||||
>
|
||||
{item.country_name}, {item.region_name}
|
||||
</Text>
|
||||
</View>
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
)}
|
||||
onEndReached={() => hasNextPage && !isFetchingNextPage && fetchNextPage()}
|
||||
|
||||
Reference in New Issue
Block a user