feat: use FooterSlot component (#526)

Author: brian-smith-tcril

README.rst

@@ -24,6 +24,12 @@ This is the Learner Record micro-frontend, currently under development by `edX <
 Getting Started
 ***************
 
+Plugins
+=======
+This MFE can be customized using `Frontend Plugin Framework <https://github.com/openedx/frontend-plugin-framework>`_.
+
+The parts of this MFE that can be customized in that manner are documented `here </src/plugin-slots>`_.
+
 Developing
 ==========
 

package-lock.json

@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
-    "@edx/frontend-component-footer": "14.6.0",
+    "@edx/frontend-component-footer": "^14.7.0",
     "@edx/frontend-component-header": "^6.2.0",
     "@edx/frontend-platform": "8.3.4",
     "@edx/openedx-atlas": "^0.7.0",

package.json

@@ -7,10 +7,9 @@ import {
   APP_INIT_ERROR, APP_READY, subscribe, initialize, mergeConfig, getConfig,
 } from '@edx/frontend-platform';
 import { AppProvider, ErrorPage, AuthenticatedPageRoute } from '@edx/frontend-platform/react';
-import { PluginSlot } from '@openedx/frontend-plugin-framework';
 import { HelmetProvider } from 'react-helmet-async';
 import Header from '@edx/frontend-component-header';
-import Footer from '@edx/frontend-component-footer';
+import { FooterSlot } from '@edx/frontend-component-footer';
 
 import messages from './i18n';
 import './index.scss';
@@ -49,11 +48,7 @@ subscribe(APP_READY, () => {
             />
             )}
           </Routes>
-          <PluginSlot
-            id="footer_plugin_slot"
-          >
-            <Footer />
-          </PluginSlot>
+          <FooterSlot />
         </HelmetProvider>
       </AppProvider>
     </StrictMode>,

src/index.jsx

@@ -0,0 +1,13 @@
+# Footer Slot
+
+### Slot ID: `org.openedx.frontend.layout.footer.v1`
+
+### Slot ID Aliases
+* `footer_slot`
+* `footer_plugin_slot`
+
+## Description
+
+This slot is used to replace/modify/hide the footer.
+
+The implementation of the `FooterSlot` component lives in [the `frontend-component-footer` repository](https://github.com/openedx/frontend-component-footer/).

src/plugin-slots/FooterSlot/README.md

@@ -0,0 +1,3 @@
+# `frontend-app-learner-record` Plugin Slots
+
+* [`org.openedx.frontend.layout.footer.v1`](./FooterSlot/)