From 0bc5effd3703d85f08f0102c321045867525372a Mon Sep 17 00:00:00 2001
From: Aryan Kothari <87589047+thearyadev@users.noreply.github.com>
Date: Mon, 15 Jan 2024 09:46:35 -0500
Subject: [PATCH] 94 add footer (#109)

* create footer component

* Export footer from index

* add styles and structure to footer

* place footer on page
---
 frontend/app/components/footer/footer.tsx | 14 ++++++++++++++
 frontend/app/components/index.ts          |  3 ++-
 frontend/pages/_app.tsx                   |  3 ++-
 3 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 frontend/app/components/footer/footer.tsx

diff --git a/frontend/app/components/footer/footer.tsx b/frontend/app/components/footer/footer.tsx
new file mode 100644
index 00000000..3ffce2f9
--- /dev/null
+++ b/frontend/app/components/footer/footer.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Footer = () => {
+
+    return (
+        <div className="text-center pb-5 pt-3
+            bg-gray-300 w-full overflow-x-auto  whitespace-nowrap">
+            <a href="https://github.com/thearyadev/top500-aggregator" className='underline'>
+                Support this project on Github
+            </a>
+        </div>
+    )
+}
+export default Footer;
diff --git a/frontend/app/components/index.ts b/frontend/app/components/index.ts
index a285e7bb..1e621638 100644
--- a/frontend/app/components/index.ts
+++ b/frontend/app/components/index.ts
@@ -1,4 +1,5 @@
 export {default as Header} from "./header/header"
 export {default as Card} from "./card/card"
 export {default as BarChart} from "./charts/barChart"
-export {default as LineChart} from "./charts/lineChart"
\ No newline at end of file
+export {default as LineChart} from "./charts/lineChart"
+export {default as Footer} from './footer/footer'
diff --git a/frontend/pages/_app.tsx b/frontend/pages/_app.tsx
index 15359c14..ecc499dc 100644
--- a/frontend/pages/_app.tsx
+++ b/frontend/pages/_app.tsx
@@ -1,6 +1,6 @@
 import '../app/globals.scss';
 import type {AppProps} from 'next/app';
-import {Header} from "@/app/components";
+import {Footer, Header} from "@/app/components";
 import {useRouter} from "next/router";
 
 interface T500AggregatorAppProps extends AppProps {
@@ -40,6 +40,7 @@ function MyApp({Component, pageProps}: T500AggregatorAppProps) {
                 <hr className="m-5"/>
 
                 <Component {...pageProps} />
+                <Footer />
             </main>
         </>
     )