Merge pull request #161 from reactdeveloperske/developer

Refactor: Move Footer to Its Own Component Folder

Author: festus-sulumeti

src/components/ContactUs/ContactUs.tsx

@@ -1,6 +1,8 @@
 import { useEffect, useState } from 'react';
 import DesktopVersion from './DesktopVersion';
-import Footer from './Footer';
+
+import MobileVersion from './MobileVersion';
+// import Footer from '../Footer';
 
 export default function ContactUs() {
   const [screenWidth, setScreenWidth] = useState<number | null>(null);
@@ -28,7 +30,7 @@ export default function ContactUs() {
         Contact us
       </h2>
       <DesktopVersion />
-      <Footer />
+      {/* <Footer/> */}
     </section>
   );
 }

src/components/ContactUs/Footer.tsx src/components/Footer/Footer.tsxsrc/components/ContactUs/Footer.tsx renamed to src/components/Footer/Footer.tsx

@@ -57,4 +57,4 @@ const Footer = () => {
   );
 };
 
-export default Footer;
+export default Footer;

src/components/Footer/index.ts

@@ -0,0 +1 @@
+export { default } from './Footer';

src/pages/index.page.tsx

@@ -4,7 +4,8 @@ import ContactUs from '../components/ContactUs';
 import Events from '../components/Events/Events';
 import MissionPillars from '../components/MissionPillars/MissionPillars';
 import HeroHeader from '../components/HeroHeader';
-import Navbar from '../components/Navbar';
+import Navbar from '../components/Navbar';;
+import Footer from '../components/Footer';
 
 export default function Home() {
   return (
@@ -32,6 +33,7 @@ export default function Home() {
         <MissionPillars />
         <Events />
         <ContactUs />
+        <Footer />
       </main>
     </div>
   );