feat: #6 Created footer component

theImmortalCoders · Mar 20, 2024 · 68ae912 · 68ae912
1 parent 7ea1dea
commit 68ae912
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "14.1.3",
+    "next": "^14.1.3",
     "react": "^18",
     "react-dom": "^18",
     "react-icons": "^5.0.1"

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import Footer from "@/components/common/Footer/Footer";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -16,7 +17,10 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="pl">
-      <body className={inter.className}>{children}</body>
+      <body className={inter.className}>
+        {children}
+        <Footer/>
+      </body>
     </html>
   );
 }
diff --git a/src/components/common/Footer/Footer.tsx b/src/components/common/Footer/Footer.tsx
@@ -0,0 +1,11 @@
+export default function Footer () {
+    return (
+        <footer>
+            <div className="flex flex-row items-center justify-center h-52 space-x-8">
+                <span>1</span>
+                <span>2</span>
+                <span>3</span>
+            </div>
+        </footer>
+    )
+}