From 2dfae2dcc96ddaee1df89946632302d859f2cb72 Mon Sep 17 00:00:00 2001
From: Maarten <maarten@suiteseven.nl>
Date: Thu, 1 Aug 2024 14:56:00 +0200
Subject: [PATCH] Show images of types

---
 app/(tabs)/explore.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
index cf81f5f..699ff0f 100644
--- a/app/(tabs)/explore.tsx
+++ b/app/(tabs)/explore.tsx
@@ -4,7 +4,8 @@ import {
   SafeAreaView,
   StatusBar,
   Image,
-  TouchableOpacity, View,
+  TouchableOpacity,
+  View,
 } from 'react-native';
 
 import React, {useState, useEffect, useRef} from 'react';
@@ -114,7 +115,7 @@ export default function ExploreScreen() {
               data={types}
               renderItem={(item: any, index: any) => (
                 <TouchableOpacity style={styles.listItem} key={index} onPress={() => viewItem(item)}>
-                  <Image source={require('@/assets/images/paper.png')} style={styles.listImage}/>
+                  <Image source={{uri: item.image}} style={styles.listImage}/>
                   <ThemedText type="default">{item.name}</ThemedText>
                 </TouchableOpacity>
               )}
@@ -128,7 +129,7 @@ export default function ExploreScreen() {
           <ThemedText type="subtitle" style={{marginBottom: 30, textAlign: 'center'}}>{activeCategory?.name}</ThemedText>
 
           <View style={styles.modalType}>
-            <Image source={require('@/assets/images/paper.png')} style={styles.modalTypeImage}/>
+            <Image source={{uri: activeCategory?.type.image}} style={styles.modalTypeImage}/>
             <ThemedText>{activeCategory?.type?.name}</ThemedText>
           </View>