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,