Merge pull request #59 from hhpr98/I-51

I-51 Added footer for site

package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-travel",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "private": true,
   "homepage": "https://hhpr98.github.io/my-travel",
   "dependencies": {

src/App.tsx

@@ -8,20 +8,24 @@ import { HashRouter as Router } from "react-router-dom";
 import MainPage from './components/MainPage/MainPage';
 import PlaceDetails from './components/PlaceDetails/PlaceDetails';
 import PlaceGallery from './components/PlaceGallery/PlaceGallery';
+import Footer from './components/Footer/Footer';
 
 function App(): JSX.Element {
   return (
-    <Router>
-      <Routes>
-        <Route path="/" element={<MainPage />} />
-        <Route path="/places/:id" element={<PlaceDetails />} />
-        <Route path="/gallery" element={<PlaceGallery />} />
-        <Route
-          path="*"
-          element={<Navigate to="/" replace />}
-        />
-      </Routes>
-    </Router>
+    <>
+      <Router>
+        <Routes>
+          <Route path="/" element={<MainPage />} />
+          <Route path="/places/:id" element={<PlaceDetails />} />
+          <Route path="/gallery" element={<PlaceGallery />} />
+          <Route
+            path="*"
+            element={<Navigate to="/" replace />}
+          />
+        </Routes>
+      </Router>
+      <Footer />
+    </>
   );
 }
 

src/components/Footer/Footer.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+
+const Footer = (): JSX.Element => {
+  return (<div
+    className="fixed bottom-0 left-0 right-0 z-40 px-4 py-3 text-center text-white bg-gray-800"
+  >
+    © All rights reserved <a
+      className="text-gray-200 underline"
+      href="https://github.com/hhpr98"
+    >
+      @hhpr98
+    </a>
+  </div>);
+};
+
+export default Footer;