fix tab bar items

components/CarPlay/Discover.tsx

@@ -5,6 +5,7 @@ const CarPlayDiscover = () =>
 	new ListTemplate({
 		id: uuid.v4(),
 		tabTitle: 'Discover',
+		tabSystemImageName: 'globe',
 	})
 
 export default CarPlayDiscover

components/CarPlay/Home.tsx

@@ -12,6 +12,7 @@ const CarPlayHome = () =>
 		id: uuid.v4(),
 		title: 'Home',
 		tabTitle: 'Home',
+		tabSystemImageName: 'music.house.fill',
 		sections: [
 			{
 				header: `Hi ${Client.user?.name ?? 'there'}`,

components/provider.tsx

@@ -28,9 +28,12 @@ const JellifyContextInitializer = () => {
 			setCarPlayConnected(true)
 
 			if (loggedIn) {
-				console.debug(CarPlay.bridge)
 				CarPlay.setRootTemplate(CarPlayNavigation())
 				CarPlay.pushTemplate(CarPlayNowPlaying())
+
+				if (Platform.OS === 'ios') {
+					CarPlay.enableNowPlaying(true) // https://github.com/birkir/react-native-carplay/issues/185
+				}
 			}
 		}