time-convertor-ts

commit 71be29692892750c6ecfd18998504dd5327a7f02
parent 542094a4d796aa95e36ceec88229b77ba931d6d6
Author: Agastya Chandrakant <acagastya@outlook.com>
Date:   Sun, 24 May 2020 23:00:01 +0530

implement full footer, part. header

Diffstat:
A
src/App/comps/Footer.tsx
 | 
30
++++++++++++++++++++++++++++++
A
src/App/comps/Header.tsx
 | 
11
+++++++++++
M
src/App/index.tsx
 | 
10
++++++----
A
src/utils/index.ts
 | 
6
++++++

4 files changed, 53 insertions(+), 4 deletions(-)
diff --git a/src/App/comps/Footer.tsx b/src/App/comps/Footer.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { YEAR } from '../../utils';
+
+function Footer<never>(): JSX.Element {
+  return (
+    <footer
+      className="bottom-top page-footer"
+      style={{
+        bottom: 0,
+        paddingTop: '1rem',
+        position: 'relative',
+      }}
+    >
+      <div className="text-center">
+        <p>
+          Copyright &copy; {YEAR}{' '}
+          <a href="https://en.wikinews.org/wiki/User:Acagastya">Agastya</a>.
+          This project is licensed under{' '}
+          <a href="https://opensource.org/licenses/BSD-3-Clause">
+            BSD-3-Clause license
+          </a>
+          .
+        </p>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;
diff --git a/src/App/comps/Header.tsx b/src/App/comps/Header.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Header<never>(): JSX.Element {
+  return (
+    <header className="border-bottom page-header mt-3">
+      <h1>time-convertor</h1>
+    </header>
+  );
+}
+
+export default Header;
diff --git a/src/App/index.tsx b/src/App/index.tsx
@@ -1,11 +1,13 @@
 import React from 'react';
 
-function App() {
+import Footer from './comps/Footer';
+import Header from './comps/Header';
+
+function App<never>(): JSX.Element {
   return (
     <div className="container-fluid">
-      <header className="page-header">
-        <h1>time-convertor</h1>
-      </header>
+      <Header />
+      <Footer />
     </div>
   );
 }
diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -0,0 +1,5 @@
+const YEAR = new Date().getFullYear();
+
+export {
+  YEAR
+};
+\ No newline at end of file