@@ -394,13 +394,13 @@ function MapContent() {
394394 followPitch = { isMapLocked ? 45 : undefined }
395395 />
396396
397- { locationLatitude && locationLongitude && (
397+ { locationLatitude != null && locationLongitude != null ? (
398398 < Mapbox . PointAnnotation id = "userLocation" coordinate = { [ locationLongitude , locationLatitude ] } anchor = { { x : 0.5 , y : 0.5 } } >
399399 < Animated . View style = { [ styles . markerContainer , Platform . OS === 'web' ? styles . markerPulseWeb : { transform : [ { scale : pulseAnim } ] } ] } >
400400 < View style = { [ styles . markerOuterRing , Platform . OS === 'web' && styles . markerOuterRingPulseWeb ] } />
401401 < View style = { [ styles . markerInnerContainer , themedStyles . markerInnerContainer ] } >
402402 < View style = { styles . markerDot } />
403- { locationHeading !== null && locationHeading !== undefined && (
403+ { locationHeading != null ? (
404404 < View
405405 style = { [
406406 styles . directionIndicator ,
@@ -409,20 +409,20 @@ function MapContent() {
409409 } ,
410410 ] }
411411 />
412- ) }
412+ ) : null }
413413 </ View >
414414 </ Animated . View >
415415 </ Mapbox . PointAnnotation >
416- ) }
416+ ) : null }
417417 < MapPins pins = { mapPins } onPinPress = { handlePinPress } />
418418 </ Mapbox . MapView >
419419
420420 { /* Recenter Button - only show when map is not locked and user has moved the map */ }
421- { showRecenterButton && (
421+ { showRecenterButton ? (
422422 < TouchableOpacity style = { [ styles . recenterButton , themedStyles . recenterButton ] } onPress = { handleRecenterMap } testID = "recenter-button" >
423423 < NavigationIcon size = { 20 } color = "#ffffff" />
424424 </ TouchableOpacity >
425- ) }
425+ ) : null }
426426 </ View >
427427
428428 { /* Pin Detail Modal */ }
@@ -503,11 +503,11 @@ const styles = StyleSheet.create({
503503 markerOuterRingPulseWeb :
504504 Platform . OS === 'web'
505505 ? {
506- // @ts -ignore — web-only CSS animation properties
507- animationName : 'pulse-ring' ,
508- animationDuration : '2s' ,
509- animationIterationCount : 'infinite' ,
510- animationTimingFunction : 'ease-in-out' ,
511- }
506+ // @ts -ignore — web-only CSS animation properties
507+ animationName : 'pulse-ring' ,
508+ animationDuration : '2s' ,
509+ animationIterationCount : 'infinite' ,
510+ animationTimingFunction : 'ease-in-out' ,
511+ }
512512 : ( { } as any ) ,
513513} ) ;
0 commit comments