Add Footer

src/App.tsx

@@ -1,7 +1,8 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import Header from "./components/Header";
 import Records from "./components/Records";
 import AddLifter from "./components/AddLifter";
+import Footer from "./components/Footer";
 
 interface Lifter {
   name: string;
@@ -21,14 +22,15 @@ const App: React.FC = () => {
   return (
     <>
       <Header showAddLifter={showAddLifter} toggleAddLifter={toggleAddLifter} />
-      <Records lifters={lifters} />
       {showAddLifter && (
         <AddLifter
           setLifters={setLifters}
           lifters={lifters}
           toggleAddLifter={toggleAddLifter}
         />
       )}
+      <Records lifters={lifters} />
+      <Footer />
     </>
   );
 };

src/components/Footer.tsx

@@ -0,0 +1,40 @@
+interface FooterProps {}
+
+const Footer: React.FC<FooterProps> = () => (
+  <footer>
+    <section>
+      <a
+        href="https://github.com/Zyphaex"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        GitHub
+      </a>
+      <a
+        href="https://linkedin.com/in/samhillier"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        LinkedIn
+      </a>
+      <a href="https://x.com/Zyphaex" target="_blank" rel="noopener noreferrer">
+        X
+      </a>
+      <a
+        href="https://instagram.com/Zyphaex"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Instagram
+      </a>
+    </section>
+    <section>
+      <p>
+        &copy; {new Date().getFullYear()} SBDREC. All Rights Reserved.
+        <br />
+      </p>
+    </section>
+  </footer>
+);
+
+export default Footer;

src/components/Header.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 interface HeaderProps {
   showAddLifter: boolean;
   toggleAddLifter: () => void;

src/components/Records.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 interface Lifter {
   name: string;
   squat: number;