Merge pull request #1939 from fedspendingtransparency/banner

FDG-10877 Govt shutdown banner is missing ","

Author: chasls2

src/components/markdown-transform/markdown-transform.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import reactStringReplace from 'react-string-replace';
 import reactElementToJSXString from 'react-element-to-jsx-string';
 import ReactMarkdown from 'react-markdown';
@@ -8,19 +7,20 @@ import rehypeRaw from 'rehype-raw';
 
 const replaceLinkTextWithLink = string => {
   const regex = /(https?:\/\/[^\s]+)/g;
-  return reactStringReplace(string, regex, (match, i) => {
+  const stringArray = reactStringReplace(string, regex, (match, i) => {
     return reactElementToJSXString(<a href={match}>{match}</a>);
   });
+  let stringOutput = '';
+  stringArray.forEach(str => (stringOutput = stringOutput + str));
+  return stringOutput;
 };
 
 export const MarkdownTransform: FunctionComponent = ({ content, isBanner, customClass }) => {
   return (
     <>
       {isBanner ? (
         <ReactMarkdown
-          children={replaceLinkTextWithLink(content)
-            .toString()
-            .replaceAll(/,/g, '')}
+          children={replaceLinkTextWithLink(content)}
           components={{
             a: ({ children, href }) => {
               return <CustomLink url={href}>{children}</CustomLink>;

src/components/site-header/site-header.jsx

@@ -16,8 +16,8 @@ import { container, content, logo, stickyHeader } from './site-header.module.scs
 import { pxToNumber } from '../../helpers/styles-helper/styles-helper';
 import { breakpointLg } from '../../variables.module.scss';
 import { useRecoilValueLoadable } from 'recoil';
-import { dynamicBannerState, dynamicBannerLastCachedState } from '../../recoil/dynamicBannerState';
-import useShouldRefreshCachedData from "../../recoil/hooks/useShouldRefreshCachedData";
+import { dynamicBannerLastCachedState, dynamicBannerState } from '../../recoil/dynamicBannerState';
+import useShouldRefreshCachedData from '../../recoil/hooks/useShouldRefreshCachedData';
 
 //Additional export for page width testability
 export const SiteHeader = ({ lowerEnvMsg, location, width }) => {