refactor: add FooterTopper in all places that are not the About page

Author: m2mathew

src/components/members/NonMemberContent/index.tsx

@@ -2,12 +2,12 @@
 import React from 'react';
 
 // Internal Dependencies
+import FooterTopper from '../../footer/FooterTopper';
 import MemberInfoList from './MemberInfoList';
 import MembersBanner from './MembersBanner';
 import MembersHeroBannerImage from './MembersHeroBannerImage';
 import MembersInfoBanner from './MembersInfoBanner';
 import MembersOneTwoThree from './MembersOneTwoThree';
-import WhereWeHaveBeen from '../../about/WhereWeHaveBeen';
 
 // Component Definition
 const NonMemberContent: React.FC = () => {
@@ -23,7 +23,7 @@ const NonMemberContent: React.FC = () => {
 
       <MemberInfoList />
 
-      <WhereWeHaveBeen color="membership" />
+      <FooterTopper color="membership" />
     </>
   );
 };

src/pages/members/login.tsx

@@ -10,6 +10,7 @@ import styled from 'styled-components';
 import { ReCaptchaProvider } from '../../components/shared/ReCaptchaProvider';
 import { useIsAuthenticated } from '../../utils/hooks/useIsAuthenticated';
 import DrumBanner from '../../components/shared/DrumBanner';
+import FooterTopper from '../../components/footer/FooterTopper';
 import Layout from '../../components/layout';
 import LoginForm from '../../components/register/login-form';
 import Motifs from '../../components/shared/Motifs';
@@ -89,6 +90,8 @@ const Login: React.FC<Props> = ({ location }) => {
           </div>
         </StyledRoot>
       </ReCaptchaProvider>
+
+      <FooterTopper color="membership" />
     </Layout>
   );
 };

src/pages/resources/index.tsx

@@ -3,12 +3,12 @@ import React, { FC } from 'react';
 import styled from 'styled-components';
 
 // Internal Dependencies
+import FooterTopper from '../../components/footer/FooterTopper';
 import Layout from '../../components/layout';
 import ResourcesBanner from '../../components/resources/ResourcesBanner';
 import ResourcesHeroBannerImage from '../../components/resources/ResourcesHeroBannerImage';
 import ResourcesList from '../../components/resources/ResourcesList';
 import ResourcesInfoBanner from '../../components/resources/ResourcesInfoBanner';
-import WhereWeHaveBeen from '../../components/about/WhereWeHaveBeen';
 
 // Local Typings
 interface Props {
@@ -40,7 +40,7 @@ const Resources: FC<Props> = ({ location }) => {
 
         <ResourcesList />
 
-        <WhereWeHaveBeen color="resources" />
+        <FooterTopper color="resources" />
       </StyledRoot>
     </Layout>
   );

src/pages/sponsors/index.tsx

@@ -4,11 +4,11 @@ import styled from 'styled-components';
 
 // Internal Dependencies
 import { ReCaptchaProvider } from '../../components/shared/ReCaptchaProvider';
+import FooterTopper from '../../components/footer/FooterTopper';
 import Layout from '../../components/layout';
 import SponsorsBanner from '../../components/sponsors/SponsorsBanner';
 import SponsorsHeroBannerImage from '../../components/sponsors/SponsorsHeroBannerImage';
 import SponsorsList from '../../components/sponsors/SponsorsList';
-import WhereWeHaveBeen from '../../components/about/WhereWeHaveBeen';
 
 // Local Typings
 interface Props {
@@ -39,7 +39,7 @@ const Sponsors: React.FC<Props> = ({ location }) => {
 
           <SponsorsList />
 
-          <WhereWeHaveBeen color="membership" />
+          <FooterTopper color="membership" />
         </StyledRoot>
       </ReCaptchaProvider>
     </Layout>

src/pages/sponsors/sponsors-table.tsx

@@ -4,9 +4,9 @@ import styled from 'styled-components';
 
 // Internal Dependencies
 import DrumBanner from '../../components/shared/DrumBanner';
+import FooterTopper from '../../components/footer/FooterTopper';
 import Layout from '../../components/layout';
 import SponsorsTableContent from '../../components/sponsors/SponsorsTable/SponsorsTableContent';
-import WhereWeHaveBeen from '../../components/about/WhereWeHaveBeen';
 
 // Local Typings
 interface Props {
@@ -43,7 +43,7 @@ const SponsorsTable: React.FC<Props> = ({ location }) => {
 
         <SponsorsTableContent />
 
-        <WhereWeHaveBeen color="resources" />
+        <FooterTopper color="membership" />
       </StyledRoot>
     </Layout>
   );