From b9abcbb82a0684ab2b96836054996c96a86aa9bf Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Fri, 1 Nov 2024 13:06:07 -0300
Subject: [PATCH] feat: pass exercise id to exercise screen

---
 src/screens/Exercise.tsx | 9 ++++++++-
 src/screens/Home.tsx     | 6 +++---
 2 files changed, 11 insertions(+), 4 deletions(-)

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<AppNavigatorRoutesProps>();
 
-  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 }) => (
-              <ExerciseCard data={item} onPress={handleOpenExerciseDetails} />
+              <ExerciseCard data={item} onPress={() => handleOpenExerciseDetails(item.id)} />
             )}
             showsVerticalScrollIndicator={false}
             contentContainerStyle={{ paddingBottom: 20 }}