diff --git a/src/screens/Exercise.tsx b/src/screens/Exercise.tsx index 97931c9..3acb188 100644 --- a/src/screens/Exercise.tsx +++ b/src/screens/Exercise.tsx @@ -1,5 +1,5 @@ import { Box, Center, Heading, HStack, Icon, Image, Text, VStack } from '@gluestack-ui/themed'; -import { useNavigation } from '@react-navigation/native'; +import { useNavigation, useRoute } from '@react-navigation/native'; import { ArrowLeft } from 'lucide-react-native'; import { ScrollView, TouchableOpacity } from 'react-native'; @@ -8,9 +8,16 @@ import SeriesSvg from '@assets/series.svg'; import RepetitionSvg from '@assets/repetitions.svg'; import { Button } from '@components/Button'; +type RouteParams = { + exerciseId: string; +}; + export function Exercise() { const navigation = useNavigation(); + const route = useRoute(); + const { exerciseId } = route.params as RouteParams; + function handleGoBack() { navigation.goBack(); } diff --git a/src/screens/Home.tsx b/src/screens/Home.tsx index 045158b..a02d5cd 100644 --- a/src/screens/Home.tsx +++ b/src/screens/Home.tsx @@ -24,8 +24,8 @@ export function Home() { const navigation = useNavigation(); - function handleOpenExerciseDetails() { - navigation.navigate('Exercise'); + function handleOpenExerciseDetails(exerciseId: string) { + navigation.navigate('Exercise', { exerciseId }); } async function fetchGroups() { @@ -115,7 +115,7 @@ export function Home() { data={exercises} keyExtractor={(item) => item.id} renderItem={({ item }) => ( - + handleOpenExerciseDetails(item.id)} /> )} showsVerticalScrollIndicator={false} contentContainerStyle={{ paddingBottom: 20 }}