Add footer

CHANGELOG.md

@@ -4,6 +4,7 @@ All notable changes to this project will be documented in this file.
 
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+[0.4.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.4.0
 [0.3.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.3.0
 [0.2.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.2.0
 [0.1.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.1.0
@@ -14,6 +15,12 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 [0.0.2]: https://github.com/AivGitHub/koldakov/releases/tag/v0.0.2
 [0.0.1]: https://github.com/AivGitHub/koldakov/releases/tag/v0.0.1
 
+## [0.4.0] - 2023-07-15
+
+### Added
+
+- Footer with information.
+
 ## [0.3.0] - 2023-07-15
 
 ### Added

src/App.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
 import CookieConsent from "react-cookie-consent";
 
 import { Home, NotFound } from './pages';
-import { NavbarHeader } from './components';
+import { NavbarHeader, Footer } from './components';
 import './App.css';
 
 function App() {
@@ -20,6 +20,7 @@ function App() {
           <Route path="*" element={ <NotFound /> }/>
         </Routes>
       </Container>
+      <Footer />
       <CookieConsent
         location="bottom"
         buttonText={t("CookieButton.text")}

src/components/Footer.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+export const Footer = () => {
+  return (
+    <footer id="sticky-footer" class="py-2 bg-dark text-white-50">
+      <div class="container text-center">
+        <small>Copyright &copy; Koldakov</small>
+      </div>
+    </footer>
+  );
+};

src/components/index.tsx

@@ -1 +1,2 @@
 export { NavbarHeader } from './NavbarHeader';
+export { Footer } from './Footer';