Pass svg logo as prop to footer

Author: AliceR

app/scripts/components/common/layout-root/index.tsx

@@ -15,6 +15,7 @@ import { getBannerFromVedaConfig, getCookieConsentFromVedaConfig } from 'veda';
 import MetaTags from '../meta-tags';
 import PageFooter from '../page-footer';
 import PageFooterLegacy from '../page-footer-legacy';
+import NasaLogoColor from '../nasa-logo-color';
 
 const Banner = React.lazy(() => import('../banner'));
 const CookieConsent = React.lazy(() => import('../cookie-consent'));
@@ -115,6 +116,7 @@ function LayoutRoot(props: { children?: ReactNode }) {
             footerPrimaryNavItems
           }}
           hideFooter={hideFooter}
+          logoSvg={<NasaLogoColor />}
         />
       ) : (
         <PageFooterLegacy hideFooter={hideFooter} />

app/scripts/components/common/page-footer/index.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Icon } from '@trussworks/react-uswds';
-//TO DO: need to move NasaLogoColor outside of component and pass down as props
-import NasaLogoColor from '../../common/nasa-logo-color';
+
 import {
   USWDSFooter,
   USWDSFooterNav,
@@ -13,13 +12,15 @@ interface PageFooterProps {
   primarySection: any;
   settings: any;
   hideFooter?: boolean;
+  logoSvg?: SVGElement | JSX.Element;
 }
 //TODO: clean up PageFooterProps, Unexpected any. Specify a different interface.
 
 export default function PageFooter({
   settings,
   primarySection,
-  hideFooter
+  hideFooter,
+  logoSvg
 }: PageFooterProps) {
   const returnToTopButton = () => {
     return (
@@ -82,7 +83,7 @@ export default function PageFooter({
           <div id='footer_secondary_container' className='grid-row'>
             <div id='logo-container'>
               <a id='logo-container-link' href='#'>
-                <NasaLogoColor />
+                <>{logoSvg}</>
                 <span className='footer-text'>
                   NASA EarthData 2024 • v0.17.0
                   {/* {version} */}