patch: redux store

src/App.js

@@ -2,7 +2,7 @@ import { Suspense } from 'react';
 import { Spinner } from 'react-bootstrap';
 import { BrowserRouter, Route, Routes, Navigate } from "react-router-dom";
 import CustomNavbar from "./components/CustomNavbar";
-import { $navlinks } from './storage/navlinks';
+import { $navlinks } from './redux/navlinks';
 
 const App = () => {
     return (

src/components/Control.js

@@ -1,6 +1,6 @@
 import style from '../styles/style.module.css';
-import { userStore } from '../storage/store';
-import * as action_type from "../storage/actiontype";
+import { userStore } from '../redux/store';
+import * as action_type from "../redux/actiontype";
 import ROSLIB from 'roslib';
 import { useSelector } from "react-redux";
 import { useState } from 'react';

src/components/CustomNavbar.js

@@ -1,6 +1,6 @@
 import { NavLink } from 'react-router-dom';
 import { Container, Nav, Navbar } from 'react-bootstrap';
-import { $navlinks } from '../storage/navlinks.js';
+import { $navlinks } from '../redux/navlinks.js';
 
 const CustomNavbar = () => {
 

src/components/Home.js

@@ -7,7 +7,6 @@ const Online = lazy(() => import('./Online'));
 
 
 const Home = () => {
-	console.log("home")
 	const [key, setKey] = useState('offline');
 
 	return (

src/components/Offline.js

@@ -22,10 +22,10 @@ const Offline = () => {
                     <p>Write <code>ws://localhost:9090</code> or <code>ws://127.0.0.1:9090</code> it in our website's control section's websocket server address field.</p>
                 </li>
                 <li>
-                    <p>controller will be enabled as soon as you click <code>connect</code> button.</p>
+                    <p>controller will be enabled as soon as you click the <code>connect</code> button.</p>
                 </li>
                 <li>
-                    <p>Put <code>/turtle1/cmd_vel</code> in the Topic Name to use controller.</p>
+                    <p>Put <code>/turtle1/cmd_vel</code> in the Topic Name to use the controller.</p>
                 </li>
                 <li>
                     <p>You are good to go.</p>

src/components/Online.js

@@ -13,28 +13,28 @@ const Online = () => {
                     <p>create an account.</p>
                 </li>
                 <li>
-                    <p>Search Project "<code>Developing Web Interfaces for ROS</code>" in the searchbar.</p>
+                    <p>Search Project "<code>Developing Web Interfaces for ROS</code>" in the search bar.</p>
                 </li>
                 <li>
-                    <p>Open the project you will see termial, Documentation, IDE and simulator.</p>
-                    <p>we will use termial and simulator.</p>
+                    <p>Open the project you will see terminal, Documentation, IDE and simulator.</p>
+                    <p>We will use only the terminal and simulator.</p>
                 </li>
                 <li>
                     <p>Run ROSBridge Websocket Server via terminal</p>
                     <p>Command : <code>roslaunch course_web_dev_ros web.launch</code></p>
                 </li>
                 <li>
-                    <p>Run the below command to get server link.</p>
+                    <p>Run the below command to get server the link.</p>
                     <p>Command : <code>rosbridge_address</code></p>
                 </li>
                 <li>
                     <p>copy the link and paste it in our website's control section's websocket server address field.</p>
                 </li>
                 <li>
-                    <p>controller will be enabled as soon as you click <code>connect</code> button.</p>
+                    <p>controller will be enabled as soon as you click the <code>connect</code> button.</p>
                 </li>
                 <li>
-                    <p>Put <code>/cmd_vel</code> in the Topic Name to use controller.</p>
+                    <p>Put <code>/cmd_vel</code> in the Topic Name to use the controller.</p>
                 </li>
                 <li>
                     <p>You are good to go.</p>

src/index.js

@@ -3,7 +3,7 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './App';
 import { Provider } from "react-redux";
-import { userStore } from './storage/store';
+import { userStore } from './redux/store';
 
 createRoot(document.getElementById('root'))
   .render(

src/storage/store.js → src/redux/store.js

@@ -1,4 +1,4 @@
-import { createStore } from 'redux';
+import { legacy_createStore } from 'redux';
 import reducer from './reducer';
 
 //creating the store using the given reducer function
@@ -13,7 +13,7 @@ let initialuserStore = {
 };
 
 //create the global storage
-export const userStore = createStore(
+export const userStore = legacy_createStore(
     reducer,
     initialuserStore,
     window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()