feat: add navigation links to make footer consistent (#13)

* fix: made footer consistent where using custom footer

* fix: added LMS footer navlinks

* fix: linting error fixed and removed unecessary vars

* fix: code refactoring

* fix: code refactoring

* fix: code clean

* fix: snapshot updated

* fix: redundant images removed after conflict resolution

* fix: conflict resolved and snapshot updated

* fix: updated footer links according legacy pages

* fix: code ckean

* fix: code clean

* fix: code clean

* fix: lint errors fixed

* fix: fixed typo

* test: update the test coverage for the footer nav

---------

Co-authored-by: Zubair Shakoor <zubair.shakoor@A006-00863.local>
Co-authored-by: arbirali <rahat.ali@arbisoft.com>

Author: 3 people

src/components/Footer.jsx

@@ -11,6 +11,7 @@ import LanguageSelector from './LanguageSelector';
 ensureConfig([
   'LMS_BASE_URL',
   'LOGO_TRADEMARK_URL',
+  'INDIGO_FOOTER_NAV_LINKS',
 ], 'Footer component');
 
 const EVENT_NAMES = {
@@ -42,6 +43,7 @@ class SiteFooter extends React.Component {
     } = this.props;
     const showLanguageSelector = supportedLanguages.length > 0 && onLanguageSelected;
     const config = getConfig();
+    const indigoFooterNavLinks = config.INDIGO_FOOTER_NAV_LINKS || [];
 
     return (
       <div className="wrapper wrapper-footer">
@@ -70,6 +72,15 @@ class SiteFooter extends React.Component {
                 </li>
               </ul>
             </div>
+            <nav className="nav-colophon">
+              <ol>
+                {indigoFooterNavLinks.map((link) => (
+                  <li key={link.url}>
+                    <a href={`${config.LMS_BASE_URL}${link.url}`}>{link.title}</a>
+                  </li>
+                ))}
+              </ol>
+            </nav>
           </div>
           <span className="copyright-site">{intl.formatMessage(messages['footer.copyright.text'])}</span>
           {showLanguageSelector && (

src/components/Footer.test.jsx

@@ -7,6 +7,17 @@ import { AppContext } from '@edx/frontend-platform/react';
 
 import Footer from './Footer';
 
+jest.mock('@edx/frontend-platform', () => ({
+  ...jest.requireActual('@edx/frontend-platform'),
+  getConfig: () => ({
+    LMS_BASE_URL: process.env.LMS_BASE_URL,
+    INDIGO_FOOTER_NAV_LINKS: [
+      { title: 'About Us', url: '/about' },
+      { title: 'Contact', url: '/contact' },
+    ],
+  }),
+}));
+
 const FooterWithContext = ({ locale = 'es' }) => {
   const contextValue = useMemo(() => ({
     authenticatedUser: null,

src/components/__snapshots__/Footer.test.jsx.snap

@@ -48,6 +48,26 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
           </li>
         </ul>
       </div>
+      <nav
+        className="nav-colophon"
+      >
+        <ol>
+          <li>
+            <a
+              href="http://localhost:18000/about"
+            >
+              About Us
+            </a>
+          </li>
+          <li>
+            <a
+              href="http://localhost:18000/contact"
+            >
+              Contact
+            </a>
+          </li>
+        </ol>
+      </nav>
     </div>
     <span
       className="copyright-site"
@@ -145,6 +165,26 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
           </li>
         </ul>
       </div>
+      <nav
+        className="nav-colophon"
+      >
+        <ol>
+          <li>
+            <a
+              href="http://localhost:18000/about"
+            >
+              About Us
+            </a>
+          </li>
+          <li>
+            <a
+              href="http://localhost:18000/contact"
+            >
+              Contact
+            </a>
+          </li>
+        </ol>
+      </nav>
     </div>
     <span
       className="copyright-site"
@@ -203,6 +243,26 @@ exports[`<Footer /> renders correctly renders without a language selector in es
           </li>
         </ul>
       </div>
+      <nav
+        className="nav-colophon"
+      >
+        <ol>
+          <li>
+            <a
+              href="http://localhost:18000/about"
+            >
+              About Us
+            </a>
+          </li>
+          <li>
+            <a
+              href="http://localhost:18000/contact"
+            >
+              Contact
+            </a>
+          </li>
+        </ol>
+      </nav>
     </div>
     <span
       className="copyright-site"