filter, haptik, background

components/ParticipantDeatails.tsx

@@ -1,9 +1,9 @@
-import { View, Text, StyleSheet } from "react-native";
+import { StyleSheet, Text, View } from "react-native";
 
 type ParticipantDetailsProps = {
   description: string;
   concept: string;
-  genres: string;
+  genres: string[];
   streamingService: string;
 };
 
@@ -20,7 +20,7 @@ const ParticipantDetails = ({
       <Text style={styles.detailTitle}>Konzept:</Text>
       <Text style={styles.detailLabel}>{concept}</Text>
       <Text style={styles.detailTitle}>Genres:</Text>
-      <Text style={styles.detailLabel}>{genres}</Text>
+      <Text style={styles.detailLabel}>{genres.join(', ')}</Text>
       <Text style={styles.detailTitle}>Produktion:</Text>
       <Text style={styles.detailLabel}>{streamingService}</Text>
     </View>