Add USVI and GU to map

- remove shortcuts on mobile
This commit is contained in:
Vim USDS 2022-09-15 17:30:48 -07:00
parent 29d701ca95
commit eeb7d07c40
2 changed files with 12 additions and 12 deletions

View file

@ -397,7 +397,6 @@ const J40Map = ({location}: IJ40Interface) => {
onLoad={onLoad} onLoad={onLoad}
onTransitionStart={onTransitionStart} onTransitionStart={onTransitionStart}
onTransitionEnd={onTransitionEnd} onTransitionEnd={onTransitionEnd}
ref={mapRef} ref={mapRef}
data-cy={'reactMapGL'} data-cy={'reactMapGL'}
> >
@ -461,7 +460,8 @@ const J40Map = ({location}: IJ40Interface) => {
{/* This is the third row overlayed on the map, it will show shortcut buttons to {/* This is the third row overlayed on the map, it will show shortcut buttons to
pan/zoom to US territories */} pan/zoom to US territories */}
<TerritoryFocusControl onClick={onClick}/> { windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
<TerritoryFocusControl onClick={onClick}/> }
{/* Enable fullscreen pop-up behind a feature flag */} {/* Enable fullscreen pop-up behind a feature flag */}
{('fs' in flags && detailViewData && !transitionInProgress) && ( {('fs' in flags && detailViewData && !transitionInProgress) && (

View file

@ -30,10 +30,10 @@ const TerritoryFocusControl = ({onClick}: ITerritoryFocusControl) => {
short: intl.formatMessage(EXPLORE_COPY.MAP.PR_SHORT), short: intl.formatMessage(EXPLORE_COPY.MAP.PR_SHORT),
long: intl.formatMessage(EXPLORE_COPY.MAP.PR_LONG), long: intl.formatMessage(EXPLORE_COPY.MAP.PR_LONG),
}, },
// { {
// short: intl.formatMessage(EXPLORE_COPY.MAP.GU_SHORT), short: intl.formatMessage(EXPLORE_COPY.MAP.GU_SHORT),
// long: intl.formatMessage(EXPLORE_COPY.MAP.GU_LONG), long: intl.formatMessage(EXPLORE_COPY.MAP.GU_LONG),
// }, },
{ {
short: intl.formatMessage(EXPLORE_COPY.MAP.AS_SHORT), short: intl.formatMessage(EXPLORE_COPY.MAP.AS_SHORT),
long: intl.formatMessage(EXPLORE_COPY.MAP.AS_LONG), long: intl.formatMessage(EXPLORE_COPY.MAP.AS_LONG),
@ -42,10 +42,10 @@ const TerritoryFocusControl = ({onClick}: ITerritoryFocusControl) => {
short: intl.formatMessage(EXPLORE_COPY.MAP.MP_SHORT), short: intl.formatMessage(EXPLORE_COPY.MAP.MP_SHORT),
long: intl.formatMessage(EXPLORE_COPY.MAP.MP_LONG), long: intl.formatMessage(EXPLORE_COPY.MAP.MP_LONG),
}, },
// { {
// short: intl.formatMessage(EXPLORE_COPY.MAP.VI_SHORT), short: intl.formatMessage(EXPLORE_COPY.MAP.VI_SHORT),
// long: intl.formatMessage(EXPLORE_COPY.MAP.VI_LONG), long: intl.formatMessage(EXPLORE_COPY.MAP.VI_LONG),
// }, },
]; ];
// the offset for this array should map the territories variable // the offset for this array should map the territories variable
const territoriesIconClassName = [ const territoriesIconClassName = [
@ -53,10 +53,10 @@ const TerritoryFocusControl = ({onClick}: ITerritoryFocusControl) => {
'mapboxgl-ctrl-zoom-to-ak', 'mapboxgl-ctrl-zoom-to-ak',
'mapboxgl-ctrl-zoom-to-hi', 'mapboxgl-ctrl-zoom-to-hi',
'mapboxgl-ctrl-zoom-to-pr', 'mapboxgl-ctrl-zoom-to-pr',
// 'mapboxgl-ctrl-zoom-to-gu', 'mapboxgl-ctrl-zoom-to-gu',
'mapboxgl-ctrl-zoom-to-as', 'mapboxgl-ctrl-zoom-to-as',
'mapboxgl-ctrl-zoom-to-mp', 'mapboxgl-ctrl-zoom-to-mp',
// 'mapboxgl-ctrl-zoom-to-vi', 'mapboxgl-ctrl-zoom-to-vi',
]; ];
return ( return (