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 = {