From 93f0696ad20ddede967f5a5d89d8a2eab31d295b Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Fri, 1 Nov 2024 13:05:06 -0300
Subject: [PATCH] feat: change params on exercise screen, also reformat code

---
 src/routes/app.routes.tsx | 61 ++++++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 29 deletions(-)

diff --git a/src/routes/app.routes.tsx b/src/routes/app.routes.tsx
index 402ffd5..9066eb0 100644
--- a/src/routes/app.routes.tsx
+++ b/src/routes/app.routes.tsx
@@ -13,39 +13,42 @@ import { gluestackUIConfig } from '../../config/gluestack-ui.config';
 import { Platform } from 'react-native';
 
 type AppRoutes = {
-  Home: undefined,
-  Exercise: undefined,
-  History: undefined,
-  Profile: undefined,
-}
+  Home: undefined;
+  Exercise: { exerciseId: string };
+  History: undefined;
+  Profile: undefined;
+};
 
 export type AppNavigatorRoutesProps = BottomTabNavigationProp<AppRoutes>;
 
 const { Navigator, Screen } = createBottomTabNavigator<AppRoutes>();
 
 export function AppRoutes() {
-  const { tokens: { space, colors } } = gluestackUIConfig;
+  const {
+    tokens: { space, colors },
+  } = gluestackUIConfig;
   const iconSize = space['6'];
 
   return (
-    <Navigator screenOptions={{
-      headerShown: false,
-      tabBarShowLabel: false,
-      tabBarActiveTintColor: colors.green500,
-      tabBarInactiveTintColor: colors.gray200,
-      tabBarStyle: {
-        backgroundColor: colors.gray600,
-        borderTopWidth: 0,
-        height: Platform.OS === 'android' ? 'auto' : 96,
-        paddingBottom: space['10'],
-        paddingTop: space['6'],
-      }
-    }}>
+    <Navigator
+      screenOptions={{
+        headerShown: false,
+        tabBarShowLabel: false,
+        tabBarActiveTintColor: colors.green500,
+        tabBarInactiveTintColor: colors.gray200,
+        tabBarStyle: {
+          backgroundColor: colors.gray600,
+          borderTopWidth: 0,
+          height: Platform.OS === 'android' ? 'auto' : 96,
+          paddingBottom: space['10'],
+          paddingTop: space['6'],
+        },
+      }}>
       <Screen
         name="Home"
         component={Home}
         options={{
-          tabBarIcon: ({ color }) => <HomeIcon fill={color} width={iconSize} height={iconSize}/>
+          tabBarIcon: ({ color }) => <HomeIcon fill={color} width={iconSize} height={iconSize} />,
         }}
       />
 
@@ -53,23 +56,23 @@ export function AppRoutes() {
         name="History"
         component={History}
         options={{
-          tabBarIcon: ({ color }) => <HistoryIcon fill={color} width={iconSize} height={iconSize}/>
-       }}
+          tabBarIcon: ({ color }) => (
+            <HistoryIcon fill={color} width={iconSize} height={iconSize} />
+          ),
+        }}
       />
 
       <Screen
         name="Profile"
         component={Profile}
         options={{
-          tabBarIcon: ({ color }) => <ProfileIcon fill={color} width={iconSize} height={iconSize}/> 
+          tabBarIcon: ({ color }) => (
+            <ProfileIcon fill={color} width={iconSize} height={iconSize} />
+          ),
         }}
       />
 
-      <Screen
-        name="Exercise"
-        component={Exercise}
-        options={{ tabBarButton: () => null }}
-      />
+      <Screen name="Exercise" component={Exercise} options={{ tabBarButton: () => null }} />
     </Navigator>
-  )
+  );
 }