From 099b17f93b4bcb619dabe6af40484229df2f5a07 Mon Sep 17 00:00:00 2001
From: "ALMAZROUEI Shamma (2021) WKIS203"
<shamma.almazrouei.2021@live.rhul.ac.uk>
Date: Mon, 24 Feb 2025 00:29:49 +0530
Subject: [PATCH] update the main layout
---
skillswap/src/App.jsx | 11 +++++++++--
skillswap/src/components/footer.jsx | 3 +++
skillswap/src/main.jsx | 18 ++++++++++--------
3 files changed, 22 insertions(+), 10 deletions(-)
create mode 100644 skillswap/src/components/footer.jsx
diff --git a/skillswap/src/App.jsx b/skillswap/src/App.jsx
index 336718f..5f84f06 100644
--- a/skillswap/src/App.jsx
+++ b/skillswap/src/App.jsx
@@ -1,9 +1,16 @@
import Header from '@/components/header';
+import Footer from './components/footer';
+
+import { Outlet } from 'react-router-dom';
export default function App() {
return (
- <div>
+ <>
<Header />
- </div>
+ <main>
+ <Outlet />
+ </main>
+ <Footer />
+ </>
);
}
diff --git a/skillswap/src/components/footer.jsx b/skillswap/src/components/footer.jsx
new file mode 100644
index 0000000..622ef80
--- /dev/null
+++ b/skillswap/src/components/footer.jsx
@@ -0,0 +1,3 @@
+export default function Footer() {
+ return <div>Footer</div>;
+}
diff --git a/skillswap/src/main.jsx b/skillswap/src/main.jsx
index fb54d7b..100a0b6 100644
--- a/skillswap/src/main.jsx
+++ b/skillswap/src/main.jsx
@@ -13,14 +13,16 @@ const router = createBrowserRouter([
{
path: '/',
element: <App />,
- },
- {
- path: '/login',
- element: <LoginPage />,
- },
- {
- path: '/register',
- element: <RegisterPage />,
+ children: [
+ {
+ path: '/login',
+ element: <LoginPage />,
+ },
+ {
+ path: '/register',
+ element: <RegisterPage />,
+ },
+ ],
},
]);
--
GitLab