diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx index 135fbe3..a399a53 100644 --- a/app/(tabs)/explore.tsx +++ b/app/(tabs)/explore.tsx @@ -68,7 +68,7 @@ export default function ExploreScreen() { // View item in sub screen const viewItem = async (item: any) => { - store.dispatch(setViewCategory(item)); + store.dispatch( setViewCategory( item ) ); router.push( '/(explore)/category' ); }; @@ -116,7 +116,14 @@ export default function ExploreScreen() { data={types} renderItem={(item: any, index: any) => ( viewItem( item )}> - + {item.image != null ? + ( + + ) : + ( + + ) + } {item.name} )} @@ -129,15 +136,19 @@ export default function ExploreScreen() { {activeCategory?.name} - - - {activeCategory?.type?.name} - + {activeCategory?.type && + + {activeCategory?.type?.image && + + } + {activeCategory?.type?.name} + + } - - Opmerking: + + Beschrijving: {activeCategory?.description} - + setActiveCategory( null )} @@ -196,13 +207,11 @@ const styles = StyleSheet.create( { textAlign: 'center', }, modalType: { - flex: 1, - display: 'flex', gap: 8, flexDirection: 'row', alignItems: 'center', paddingBottom: 10, - marginBottom: 30, + marginBottom: 15, }, modalTypeImage: { width: 40,