feat: fetch exercises for selected group

src/screens/Home.tsx

@@ -1,6 +1,6 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { FlatList } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
+import { useFocusEffect, useNavigation } from '@react-navigation/native';
 import { Heading, HStack, Text, useToast, VStack } from '@gluestack-ui/themed';
 
 import { AppNavigatorRoutesProps } from '@routes/app.routes';
@@ -31,10 +31,29 @@ export function Home() {
       setGroups(response.data);
     } catch (error) {
       const isAppError = error instanceof AppError;
-      const title = isAppError ? error.message : 'Não foi possível carregar os grupos musculares';
+      const title = isAppError ? error.message : 'Não foi possível carregar os grupos musculares.';
       toast.show({
         placement: 'top',
-        render: ({ id }) => <ToastMessage id={id} title={title} onClose={() => toast.close(id)} />,
+        render: ({ id }) => (
+          <ToastMessage id={id} title={title} action="error" onClose={() => toast.close(id)} />
+        ),
+      });
+    }
+  }
+
+  async function fetchExercisesForGroup(group: string) {
+    try {
+      const response = await api.get(`/exercises/bygroup/${selectedGroup}`);
+      console.debug(response.data);
+      // setGroups(response.data);
+    } catch (error) {
+      const isAppError = error instanceof AppError;
+      const title = isAppError ? error.message : 'Não foi possível carregar os exercícios.';
+      toast.show({
+        placement: 'top',
+        render: ({ id }) => (
+          <ToastMessage id={id} title={title} action="error" onClose={() => toast.close(id)} />
+        ),
       });
     }
   }
@@ -43,6 +62,12 @@ export function Home() {
     fetchGroups();
   });
 
+  useFocusEffect(
+    useCallback(() => {
+      fetchExercisesForGroup(selectedGroup);
+    }, [selectedGroup]),
+  );
+
   return (
     <VStack flex={1}>
       <HomeHeader />