Merge pull request #27954 from bernhardoj/fix/27863-map-attribution-h…

…over Fix map view attribution text is not visible on hover
Expensify · Sep 26, 2023 · cfad43f · cfad43f
2 parents 3402597 + 7fe488a
commit cfad43f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/src/components/MapView/MapView.web.tsx b/src/components/MapView/MapView.web.tsx
@@ -12,6 +12,8 @@ import responder from './responder';
 import utils from './utils';
 
 import CONST from '../../CONST';
+import * as StyleUtils from '../../styles/StyleUtils';
+import themeColors from '../../styles/themes/default';
 import Direction from './Direction';
 import {MapViewHandle, MapViewProps} from './MapViewTypes';
 
@@ -89,6 +91,7 @@ const MapView = forwardRef<MapViewHandle, MapViewProps>(
  latitude: initialState.location[1],
  zoom: initialState.zoom,
  }}
+ style={StyleUtils.getTextColorStyle(themeColors.mapAttributionText) as React.CSSProperties}
  mapStyle={styleURL}
  >
  {waypoints?.map(({coordinate, markerComponent, id}) => {

diff --git a/src/styles/themes/default.js b/src/styles/themes/default.js
@@ -83,6 +83,7 @@ const darkTheme = {
  QRLogo: colors.green400,
  starDefaultBG: 'rgb(254, 228, 94)',
  loungeAccessOverlay: colors.blue800,
+ mapAttributionText: colors.black,
 };
 
 darkTheme.PAGE_BACKGROUND_COLORS = {

diff --git a/src/styles/themes/light.js b/src/styles/themes/light.js
@@ -81,6 +81,7 @@ const lightTheme = {
  QRLogo: colors.green400,
  starDefaultBG: 'rgb(254, 228, 94)',
  loungeAccessOverlay: colors.blue800,
+ mapAttributionText: colors.black,
 };
 
 lightTheme.PAGE_BACKGROUND_COLORS = {