fix: StopCallout text not showing on android + uses selected index for getting pattern path

Author: PalaashPandey

app/components/map/StopCallout.tsx

@@ -1,14 +1,14 @@
+import { useStopEstimate } from 'app/data/api_query';
+import useAppStore from 'app/data/app_state';
+import { lightMode } from 'app/theme';
+import moment from 'moment';
 import React, { memo } from 'react';
-import { View, Text, ActivityIndicator, Platform } from 'react-native';
+import { ActivityIndicator, Platform, Text, View } from 'react-native';
 import { Callout } from 'react-native-maps';
-import BusIcon from '../ui/BusIcon';
 import { IMapRoute, IStop } from '../../../utils/interfaces';
-import { useStopEstimate } from 'app/data/api_query';
-import moment from 'moment';
-import CalloutTimeBubble from '../ui/CalloutTimeBubble';
-import { lightMode } from 'app/theme';
 import AmenityRow from '../ui/AmenityRow';
-import useAppStore from 'app/data/app_state';
+import BusIcon from '../ui/BusIcon';
+import CalloutTimeBubble from '../ui/CalloutTimeBubble';
 
 interface Props {
   stop: IStop;
@@ -71,7 +71,10 @@ const StopCallout: React.FC<Props> = ({
             isCallout={true}
             style={{ marginRight: 8 }}
           />
-          <Text style={{ flex: 1, fontWeight: 'bold' }} numberOfLines={2}>
+          <Text
+            style={{ flex: 1, fontWeight: 'bold', color: 'black' }}
+            numberOfLines={2}
+          >
             {stop.name}
           </Text>
           <AmenityRow

app/components/sheets/RouteDetails.tsx

@@ -69,12 +69,7 @@ const RouteDetails: React.FC<SheetProps> = ({ sheetRef }) => {
   // Filters patternPaths for only the selected route from all patternPaths
   function getPatternPathForSelectedRoute(): IPatternPath | undefined {
     if (!selectedRoute) return undefined;
-    return selectedRoute.patternPaths.find(
-      (direction) =>
-        direction.patternKey ===
-        selectedRoute.directionList[selectedDirectionIndex]?.patternList[0]
-          ?.key,
-    );
+    return selectedRoute.patternPaths[selectedDirectionIndex];
   }
 
   const handleDismiss = () => {