@@ -4,7 +4,6 @@ import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
44import { sendTrackEvent } from '@edx/frontend-platform/analytics' ;
55import { ensureConfig } from '@edx/frontend-platform/config' ;
66import { AppContext } from '@edx/frontend-platform/react' ;
7- import { Image } from '@edx/paragon' ;
87import { getConfig } from '@edx/frontend-platform' ;
98import { PluginSlot } from '@openedx/frontend-plugin-framework' ;
109
@@ -48,49 +47,31 @@ class SiteFooter extends React.Component {
4847 const config = getConfig ( ) ;
4948
5049 return (
51- < div className = "wrapper wrapper-footer" >
52- < footer id = "footer" className = "tutor-container" >
53- < div className = "footer-top" >
54- < div className = "powered-area" >
55- < ul className = "logo-list" >
56- < PluginSlot id = "poweredby_text_slot" > < li > { intl . formatMessage ( messages [ 'footer.poweredby.text' ] ) } </ li > </ PluginSlot >
57- < PluginSlot id = "tutor_logo_slot" >
58- < li >
59- < a href = "https://docs.tutor.overhang.io" rel = "noreferrer" target = "_blank" >
60- < Image
61- src = { `${ config . LMS_BASE_URL } /theming/asset/images/tutor-logo.png` }
62- alt = { intl . formatMessage ( messages [ 'footer.tutorlogo.altText' ] ) }
63- width = "57"
64- />
65- </ a >
66- </ li >
67- </ PluginSlot >
68- < PluginSlot id = "openedx_logo_slot" >
69- < li >
70- < a href = "https://open.edx.org" rel = "noreferrer" target = "_blank" >
71- < Image
72- src = { logo || `${ config . LMS_BASE_URL } /theming/asset/images/openedx-logo.png` }
73- alt = { intl . formatMessage ( messages [ 'footer.logo.altText' ] ) }
74- width = "79"
75- />
76- </ a >
77- </ li >
78- </ PluginSlot >
79- </ ul >
80- </ div >
81- </ div >
82- < PluginSlot id = "footer-middle" > < FooterLinks /> </ PluginSlot >
83- < PluginSlot id = "copyright_text_slot" > < span className = "copyright-site" > { intl . formatMessage ( messages [ 'footer.copyright.text' ] ) } </ span > </ PluginSlot >
84- < PluginSlot id = "lang_selector_slot" >
85- { showLanguageSelector && (
86- < LanguageSelector
87- options = { supportedLanguages }
88- onSubmit = { onLanguageSelected }
89- />
90- ) }
91- </ PluginSlot >
92- </ footer >
93- </ div >
50+ < PluginSlot as = "footer" id = "mfe-global-footer" className = "footer border-top py-3 px-4" role = "contentinfo" >
51+ < PluginSlot id = "default-poweredby-logo" >
52+ < a
53+ className = "d-block"
54+ href = { config . LMS_BASE_URL }
55+ aria-label = { intl . formatMessage ( messages [ 'footer.logo.ariaLabel' ] ) }
56+ >
57+ < img
58+ style = { { maxHeight : 45 } }
59+ src = { logo || config . LOGO_TRADEMARK_URL }
60+ alt = { intl . formatMessage ( messages [ 'footer.logo.altText' ] ) }
61+ />
62+ </ a >
63+ </ PluginSlot >
64+ < PluginSlot id = "footer-middle" > < FooterLinks /> </ PluginSlot >
65+ < PluginSlot id = "language_selector" >
66+ { showLanguageSelector && (
67+ < LanguageSelector
68+ options = { supportedLanguages }
69+ onSubmit = { onLanguageSelected }
70+ />
71+ ) }
72+ </ PluginSlot >
73+ < PluginSlot id = "copyright_text" > < span className = "copyright-site mt-2" > { intl . formatMessage ( messages [ 'footer.copyright.text' ] ) } </ span > </ PluginSlot >
74+ </ PluginSlot >
9475 ) ;
9576 }
9677}
0 commit comments