diff --git a/app/_layout.tsx b/app/_layout.tsx index 5119f1a..a96b23f 100644 --- a/app/_layout.tsx +++ b/app/_layout.tsx @@ -1,8 +1,7 @@ +import { DiscoveryProvider } from "@/contexts/DiscoveryContext"; import { SeasonProvider } from "@/contexts/SeasonContext"; import { ShowProvider } from "@/contexts/ShowContext"; import { StreamingServiceProvider } from "@/contexts/StreamingServiceContext"; - -import { DiscoveryProvider } from "@/contexts/DiscoveryContext"; import { Stack } from "expo-router"; import "react-native-reanimated"; diff --git a/app/participant.tsx b/app/participant.tsx index ba1c244..634a8a1 100644 --- a/app/participant.tsx +++ b/app/participant.tsx @@ -1,18 +1,16 @@ import styles from "@/app/stackStyles/participantStyles"; +import { useShowContext } from "@/contexts/ShowContext"; import Ionicons from "@expo/vector-icons/Ionicons"; import { router, useLocalSearchParams } from "expo-router"; import React, { useMemo, useState } from "react"; -import { Image, Text, TouchableOpacity, View } from "react-native"; - -import { useShowContext } from "@/contexts/ShowContext"; +import { Text, TouchableOpacity, View } from "react-native"; import { GestureHandlerRootView, ScrollView, } from "react-native-gesture-handler"; export default function ParticipantScreen() { - - const [appearances,] = useState< + const [appearances] = useState< { showId: number; seasons: number[]; @@ -54,9 +52,7 @@ export default function ParticipantScreen() { return ( - - {name ? (Array.isArray(name) ? name[0] : name) : "Teilnehmer"} - + {name} router.back()} @@ -67,7 +63,9 @@ export default function ParticipantScreen() { Auftritte: - + + {/* ); })} - + */} diff --git a/app/stackStyles/participantStyles.tsx b/app/stackStyles/participantStyles.tsx index 3d97d2f..d52f13d 100644 --- a/app/stackStyles/participantStyles.tsx +++ b/app/stackStyles/participantStyles.tsx @@ -49,24 +49,24 @@ const styles = StyleSheet.create({ }, performedShowsSection: { width: "100%", - height: 500, - paddingLeft: 15, - paddingBottom: 20, + height: Dimensions.get("window").height, backgroundColor: "hsl(221, 39%, 0%)", - marginTop: 15, + marginTop: 20, }, performedShowsTitle: { fontSize: 16, fontWeight: "600", color: "hsl(0, 0%, 80%)", marginTop: 15, + marginLeft: 15, }, showContainer: { - width: 120, + width: "85%", height: 180, backgroundColor: "hsl(336, 79%, 63%)", borderRadius: 10, - marginRight: 15, + alignSelf: "center", + marginTop: 15, }, showImage: { width: "100%",