From d486fb978235716c0f3ae66c042fe29da22771be Mon Sep 17 00:00:00 2001
From: austinried <4966622+austinried@users.noreply.github.com>
Date: Wed, 28 Jul 2021 09:42:39 +0900
Subject: [PATCH] fix tab labels

---
 app/navigation/BottomTabBar.tsx           | 2 +-
 app/navigation/BottomTabNavigator.tsx     | 8 ++++----
 app/navigation/LibraryTopTabNavigator.tsx | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/navigation/BottomTabBar.tsx b/app/navigation/BottomTabBar.tsx
index 9af3d63..2088eb1 100644
--- a/app/navigation/BottomTabBar.tsx
+++ b/app/navigation/BottomTabBar.tsx
@@ -93,7 +93,7 @@ const BottomTabBar: React.FC<BottomTabBarProps> = ({ state, descriptors, navigat
               label={label}
               name={route.name}
               isFocused={state.index === index}
-              img={icons[options.icon]}
+              img={icons[route.name]}
               navigation={navigation}
             />
           )
diff --git a/app/navigation/BottomTabNavigator.tsx b/app/navigation/BottomTabNavigator.tsx
index b7403da..11f14e0 100644
--- a/app/navigation/BottomTabNavigator.tsx
+++ b/app/navigation/BottomTabNavigator.tsx
@@ -107,10 +107,10 @@ const Tab = createBottomTabNavigator()
 const BottomTabNavigator = () => {
   return (
     <Tab.Navigator tabBar={BottomTabBar} initialRouteName="home">
-      <Tab.Screen name="home" component={HomeTab} options={{ icon: 'home' } as any} />
-      <Tab.Screen name="library" component={LibraryTab} options={{ icon: 'library' } as any} />
-      <Tab.Screen name="search" component={SearchTab} options={{ icon: 'search' } as any} />
-      <Tab.Screen name="settings" component={SettingsView} options={{ icon: 'settings' } as any} />
+      <Tab.Screen name="home" component={HomeTab} options={{ tabBarLabel: 'Home' }} />
+      <Tab.Screen name="library" component={LibraryTab} options={{ tabBarLabel: 'Library' }} />
+      <Tab.Screen name="search" component={SearchTab} options={{ tabBarLabel: 'Search' }} />
+      <Tab.Screen name="settings" component={SettingsView} options={{ tabBarLabel: 'Settings' }} />
     </Tab.Navigator>
   )
 }
diff --git a/app/navigation/LibraryTopTabNavigator.tsx b/app/navigation/LibraryTopTabNavigator.tsx
index 9140c6f..24ea6d5 100644
--- a/app/navigation/LibraryTopTabNavigator.tsx
+++ b/app/navigation/LibraryTopTabNavigator.tsx
@@ -18,9 +18,9 @@ const LibraryTopTabNavigator = () => (
       indicatorStyle: styles.tabindicatorStyle,
     }}
     initialRouteName="albums">
-    <Tab.Screen name="albums" component={AlbumsTab} />
-    <Tab.Screen name="artists" component={ArtistsTab} />
-    <Tab.Screen name="playlists" component={PlaylistsTab} />
+    <Tab.Screen name="albums" component={AlbumsTab} options={{ tabBarLabel: 'Albums' }} />
+    <Tab.Screen name="artists" component={ArtistsTab} options={{ tabBarLabel: 'Artists' }} />
+    <Tab.Screen name="playlists" component={PlaylistsTab} options={{ tabBarLabel: 'Playlists' }} />
   </Tab.Navigator>
 )