From ee96066849456d60260110cb2d01ae11b1fd18b8 Mon Sep 17 00:00:00 2001
From: Jehyun Jung <congmul@hotmail.com>
Date: Wed, 10 Jul 2024 10:10:06 -0700
Subject: [PATCH] Add footer

---
 src/App.tsx                      |  2 ++
 src/components/Footer/Footer.tsx | 12 ++++++++++++
 src/sass/components/_footer.scss | 11 +++++++++++
 src/sass/index.scss              |  2 ++
 4 files changed, 27 insertions(+)
 create mode 100644 src/components/Footer/Footer.tsx
 create mode 100644 src/sass/components/_footer.scss

diff --git a/src/App.tsx b/src/App.tsx
index e833723..c87a68e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import Editor from './components/Editor/Editor';
 import ReactSplitPane from './components/SplitPane/SplitPane';
 import SwaggerUI from 'swagger-ui-react';
 import petStoreAPISpec from './assets/petstore.apispec.json';
+import Footer from './components/Footer/Footer';
 
 
 function App() {
@@ -41,6 +42,7 @@ function App() {
           </ReactSplitPane>
         </div>
       </div>
+      <Footer />
     </>
   )
 }
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 0000000..a1e35c9
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,12 @@
+const Footer:React.FC = ({}) => {
+    return(
+        <footer>
+            <div className="footer-wrapper">
+                <div>© 2024 Jehyun Jung.</div>
+                <div className="ms-3">You can reach me on <a href="https://www.linkedin.com/in/jehyun-jung-bb247813b/" target="_blank">LinkedIn</a> and <a href="https://github.com/congmul" target="_blank">GitHub</a>.</div>
+            </div>
+        </footer>
+    )
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/src/sass/components/_footer.scss b/src/sass/components/_footer.scss
new file mode 100644
index 0000000..ec1fc97
--- /dev/null
+++ b/src/sass/components/_footer.scss
@@ -0,0 +1,11 @@
+footer{
+    height: 100%;
+    padding: 15px;
+    border-top: 1px solid #d2d2d2;
+    text-align: center;
+    .footer-wrapper{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
\ No newline at end of file
diff --git a/src/sass/index.scss b/src/sass/index.scss
index e25be65..69961b1 100644
--- a/src/sass/index.scss
+++ b/src/sass/index.scss
@@ -9,9 +9,11 @@
 @import "./components/readfile";
 @import "./components/splitPane";
 @import "./components/editor/editor";
+@import "./components/footer";
 
 .app-wrapper{
     display: flex;
+    height: calc(100vh - 55px);
     .editor-page-wrapper{
         position:relative;
         width: calc(100vw - 350px);