From 6c19c3bd5f89b37945d4d4867b2a5ec493204829 Mon Sep 17 00:00:00 2001
From: Kidd254 <lorenkioko@gmail.com>
Date: Tue, 25 Jul 2023 00:35:57 +0300
Subject: [PATCH 1/6] Set the initial state, add reducers and store

---
 src/redux/rockets/rocketsSlice.js | 15 +++++++++++++++
 src/redux/store.js                | 10 ++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 src/redux/rockets/rocketsSlice.js
 create mode 100644 src/redux/store.js

diff --git a/src/redux/rockets/rocketsSlice.js b/src/redux/rockets/rocketsSlice.js
new file mode 100644
index 0000000..935d46f
--- /dev/null
+++ b/src/redux/rockets/rocketsSlice.js
@@ -0,0 +1,15 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = {
+  rockets: [],
+  isLoading: false,
+  error: false,
+};
+
+const rocketsSlice = createSlice({
+  name: 'rockets',
+  initialState,
+  reducers: {},
+});
+
+export default rocketsSlice.reducer;
diff --git a/src/redux/store.js b/src/redux/store.js
new file mode 100644
index 0000000..1ca6eb7
--- /dev/null
+++ b/src/redux/store.js
@@ -0,0 +1,10 @@
+import { configureStore } from '@reduxjs/toolkit';
+import rocketsReducer from './rockets/rocketsSlice';
+
+const store = configureStore({
+  reducer: {
+    rockets: rocketsReducer,
+  },
+});
+
+export default store;

From 8b2be10cb7cbb3a42e30b52e5e2db50a7d2885b2 Mon Sep 17 00:00:00 2001
From: Kidd254 <lorenkioko@gmail.com>
Date: Tue, 25 Jul 2023 00:41:16 +0300
Subject: [PATCH 2/6] Set the initial state, add reducers and store

---
 src/views/Rockets.jsx | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 src/views/Rockets.jsx

diff --git a/src/views/Rockets.jsx b/src/views/Rockets.jsx
new file mode 100644
index 0000000..1526b9d
--- /dev/null
+++ b/src/views/Rockets.jsx
@@ -0,0 +1,9 @@
+import Layout from './Layout';
+
+const Rockets = () => (
+  <Layout>
+    <section id="rockets" />
+  </Layout>
+);
+
+export default Rockets;

From 7f389e3d3db4b9114f162b44132f188b4385fb2f Mon Sep 17 00:00:00 2001
From: Kidd254 <lorenkioko@gmail.com>
Date: Tue, 25 Jul 2023 00:48:07 +0300
Subject: [PATCH 3/6] Modify the haeder

---
 src/components/Header.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index f76193c..3f04eed 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -8,6 +8,7 @@ const Header = () => (
       <nav className="navbar">
         <AppLogo />
         <ul id="navigation">
+          <MenuLink url="/rockets" pageName="Rockets" />
           <MenuLink url="/my-profile" pageName="My Profile" />
         </ul>
       </nav>

From e2be17c3571018d2ce4800e118394eefc48701df Mon Sep 17 00:00:00 2001
From: Kidd254 <lorenkioko@gmail.com>
Date: Tue, 25 Jul 2023 00:49:51 +0300
Subject: [PATCH 4/6] Add a display in the DOM

---
 src/App.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/App.js b/src/App.js
index 32fd7a4..5b784ea 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,12 @@
 import { Routes, Route } from 'react-router-dom';
+import Rockets from './views/Rockets';
 import MyProfile from './views/MyProfile';
 
 function App() {
   return (
     <Routes>
+      <Route path="/" element={<Rockets />} />
+      <Route path="rockets" element={<Rockets />} />
       <Route path="my-profile" element={<MyProfile />} />
     </Routes>
   );

From 704188b9ce4bd1829ee4f20786cc0e56cb3d3b00 Mon Sep 17 00:00:00 2001
From: Kidd254 <lorenkioko@gmail.com>
Date: Tue, 25 Jul 2023 00:50:38 +0300
Subject: [PATCH 5/6] Add styling to the Rockects layout

---
 src/index.css | 17 -----------------
 1 file changed, 17 deletions(-)
 delete mode 100644 src/index.css

diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 2af1960..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,17 +0,0 @@
-body {
-  margin: 0;
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    'Roboto',
-    'Oxygen',
-    'Ubuntu',
-    'Cantarell',
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}

From 16f2a2181a1f44201c0187212395f0e9fad9cf37 Mon Sep 17 00:00:00 2001
From: Kidd254 <lorenkioko@gmail.com>
Date: Tue, 25 Jul 2023 00:52:13 +0300
Subject: [PATCH 6/6] Add the store from redux, and importing the neccessary
 files

---
 src/index.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/index.js b/src/index.js
index a90dd0b..dc74649 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import store from './redux/store';
 import './assets/styles/index.css';
 import App from './App';
 import './assets/styles/responsive.css';
@@ -9,9 +11,11 @@ import reportWebVitals from './reportWebVitals';
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    <Provider store={store}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </Provider>
   </React.StrictMode>,
 );