Mwpw 157587 | [Geo-Routing][Page Performance] Removing the georouting…

… modal background image (#2891)

* Update georoutingv2.css

* Update georoutingv2.js

* Delete libs/features/georoutingv2/getMobileBg.js

* Update georoutingv2.css

* Update georoutingv2.test.js

* Removing unused variable

* Delete libs/features/georoutingv2/img/GeoModal_BG_Map_Desktop.png

* Delete libs/features/georoutingv2/img/GeoModal_BG_Map_Mobile.png

* Delete libs/features/georoutingv2/img/GeoModal_BG_Map_Tablet.png

libs/features/georoutingv2/georoutingv2.css

@@ -21,10 +21,6 @@
   z-index: -1;
 }
 
-.dialog-modal.locale-modal-v2 .georouting-bg svg {
-  width: 100%;
-}
-
 .dialog-modal.locale-modal-v2 .picker {
   position: fixed;
   margin-top: 2px;
@@ -140,19 +136,6 @@
   padding: initial;
 }
 
-@media (min-width: 480px) {
-  .dialog-modal.locale-modal-v2 {
-    background-image: url('/libs/features/georoutingv2/img/GeoModal_BG_Map_Tablet.png');
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-  }
-
-  .dialog-modal.locale-modal-v2 .georouting-bg {
-    display: none;
-  }
-}
-
 @media (min-width: 600px) {
   .dialog-modal.locale-modal-v2 .georouting-wrapper {
     padding: 56px 56px 40px;
@@ -168,9 +151,3 @@
     max-width: 720px;
   }
 }
-
-@media (min-width: 1200px) {
-  .dialog-modal.locale-modal-v2 {
-    background-image: url('/libs/features/georoutingv2/img/GeoModal_BG_Map_Desktop.png');
-  }
-}

libs/features/georoutingv2/georoutingv2.js

@@ -228,13 +228,7 @@ function buildContent(currentPage, locale, geoData, locales) {
 async function getDetails(currentPage, localeMatches, geoData) {
   const availableLocales = await getAvailableLocales(localeMatches);
   if (!availableLocales.length) return null;
-  const { innerWidth } = window;
-  let svgDiv = null;
-  if (innerWidth < 480) {
-    const { default: getMobileBg } = await import('./getMobileBg.js');
-    svgDiv = createTag('div', { class: 'georouting-bg' }, getMobileBg());
-  }
-  const georoutingWrapper = createTag('div', { class: 'georouting-wrapper fragment', style: 'display:none;' }, svgDiv);
+  const georoutingWrapper = createTag('div', { class: 'georouting-wrapper fragment', style: 'display:none;' });
   currentPage.url = window.location.hash ? document.location.href : '#';
   if (availableLocales.length === 1) {
     const content = buildContent(currentPage, availableLocales[0], geoData);

test/features/georoutingv2/georoutingv2.test.js

@@ -311,17 +311,6 @@ describe('GeoRouting', () => {
     expect(modal).to.not.be.null;
   });
 
-  it('Has inline svg for mobile background', async () => {
-    const ogWidth = window.innerWidth;
-    window.innerWidth = 400;
-
-    await init(mockConfig, createTag, getMetadata, loadBlock, loadStyle);
-    const svg = document.querySelector('.dialog-modal .georouting-bg svg');
-    expect(svg).to.exist;
-
-    window.innerWidth = ogWidth;
-  });
-
   it('Does not create a modal if the user IP matches session storage.', async () => {
     // prepare
     setUserCountryFromIP('US');