[WV-166] Fix (#3796)

* [WV-166] changes made in CampaignsHomeLoader.jsx and addressFunctions.js in order to load header/navbar when loading candidates page outside of the country. Instead of routing to -candidates/cs when out of the country will route to /cs

* [WV-166] cleaning up commits etc.

src/js/common/utils/addressFunctions.js

@@ -88,6 +88,18 @@ export function convertStateCodeFilterToStateCode (stateCodeFilter) {
   return '';
 }
 
+export function isValidStateCode (incomingStateCode) {
+  if (incomingStateCode) {
+    // Log incoming State Code
+    console.log('incomingStateCode:', incomingStateCode);
+    const incomingStateCodeUpper = incomingStateCode.toUpperCase();
+    const existingStateCodes = Object.keys(stateCodeMap);
+    return existingStateCodes.indexOf(incomingStateCodeUpper) > -1;
+  } else {
+    return false;
+  }
+}
+
 export function getAllStateCodeFilters () {
   return Object.keys(stateCodeMap).map((stateCode) => `stateCode${stateCode}`);
 }

src/js/pages/Campaigns/CampaignsHomeLoader.jsx

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React, { Component, Suspense } from 'react';
 import { Helmet } from 'react-helmet-async';
 import styled from 'styled-components';
-import { convertStateCodeToStateText, convertStateTextToStateCode } from '../../common/utils/addressFunctions';
+import { convertStateCodeToStateText, convertStateTextToStateCode, isValidStateCode } from '../../common/utils/addressFunctions';
 import historyPush from '../../common/utils/historyPush';
 import { isWebApp } from '../../common/utils/isCordovaOrWebApp';
 import { renderLog } from '../../common/utils/logging';
@@ -117,10 +117,18 @@ class CampaignsHomeLoader extends Component {
   }
 
   getStateNamePathnameFromStateCode = (stateCode) => {
-    const stateName = convertStateCodeToStateText(stateCode);
-    const stateNamePhrase = `${stateName}-candidates`;
-    const stateNamePhraseLowerCase = stateNamePhrase.replaceAll(/\s+/g, '-').toLowerCase();
-    return `/${stateNamePhraseLowerCase}/cs/`;
+    if (isValidStateCode(stateCode)) {
+      const stateName = convertStateCodeToStateText(stateCode);
+      if (stateName) {
+        const stateNamePhrase = `${stateName}-candidates`;
+        const stateNamePhraseLowerCase = stateNamePhrase.replaceAll(/\s+/g, '-').toLowerCase();
+        return `/${stateNamePhraseLowerCase}/cs/`;
+      } else {
+        return '/cs';
+      }
+    } else {
+      return '/cs';
+    }
   }
 
   getTopPadding = () => {