removal of unused var

.env

@@ -1,4 +1,5 @@
 SKIP_PREFLIGHT_CHECK=true 
+REACT_APP_NODE_ENV="development"
 
 REACT_APP_FACEBOOK="https://www.facebook.com/profile.php?id=100066498622246"
 REACT_APP_TWITTER="https://twitter.com/fluxtra"

.env.development

@@ -1,4 +1,5 @@
 SKIP_PREFLIGHT_CHECK=true 
+REACT_APP_NODE_ENV="development"
 
 REACT_APP_FACEBOOK="https://www.facebook.com/profile.php?id=100066498622246"
 REACT_APP_TWITTER="https://twitter.com/fluxtra"
@@ -9,15 +10,15 @@ REACT_APP_APPSITE="https://myfitapp.mermsemr.com"
 
 # REACT_APP_AUX_ENDPOINT="http://10.20.30.32:9083/svs/user"
 # REACT_APP_USERS_ENDPOINT="http://10.20.30.32:9083/svs/user"
-#REACT_APP_AUX_ENDPOINT="https://apigate.orion.g1.wrenchboard.com/svs/user"
+# REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/svs/user"
-#REACT_APP_USERS_ENDPOINT="https://apigate.orion.g1.wrenchboard.com/svs/user"
+# REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/svs/user"
 
-REACT_APP_AUX_ENDPOINT="https://apigate.orion.g1.wrenchboard.com/en/wrench/api/v1"
+REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
-REACT_APP_USERS_ENDPOINT="https://apigate.orion.g1.wrenchboard.com/en/wrench/api/v1"
+REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
 REACT_APP_ENDPOINT_KEY="WRENCH-BOARD-2024"
 
 #SOCKETS ENDS
-REACT_APP_PRIMARY_SOCKET="https://socket.wrenchboard.com"
+REACT_APP_PRIMARY_SOCKET="https://socket-dev.wrenchboard.com"
 
 #"https://devapi.mermsemr.com/en/desktop/api/v2/myfituser"
 
@@ -35,20 +36,13 @@ REACT_APP_RESET_START_ERROR_TIMEOUT=3000
 #NUMBER OF ITEMS PER PAGE
 REACT_APP_ITEM_PER_PAGE=5
 
-#apigate.orion.g1.wrenchboard.com:76.209.103.227
+#apigate.lotus.g1.wrenchboard.com:76.209.103.227
 #apigate.orion.g1.wrenchboard.com:76.209.103.227
 
 REACT_APP_GOOGLE_CLIENT_ID=817021856543-ad9nsjgdpsu2s2jrl63j3ihrv7lbf6ma.apps.googleusercontent.com
 REACT_APP_GOOGLE_CLIENT_SECRET=aozK_2G8UjaCmLgPPkv9abIm
 REACT_APP_GOOGLE_CLIENT_SCOPE="https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile"
-REACT_APP_GOOGLE_REDIRECT_URL=https://users.wrenchboard.com/login/auth/
+REACT_APP_GOOGLE_REDIRECT_URL=http://localhost:9082/login/auth/
-
-REACT_APP_FACEBOOK_CLIENT_ID2=390204307987009
-REACT_APP_FACEBOOK_CLIENT_SECRET2=19f778e312f2ab96d147bacb612910c2
-REACT_APP_FACEBOOK_CLIENT_SCOPE="email,public_profile"
-REACT_APP_FACEBOOK_REDIRECT_URL="https://users.wrenchboard.com/login/auth/flogin"
-
-DISABLE_ESLINT_PLUGIN=true
 
 #File Handling
 REACT_APP_MAX_FILE_SIZE=1048576
@@ -56,6 +50,7 @@ REACT_APP_MAX_VIDEO_FILE_SIZE=31457280
 REACT_APP_TOTAL_NUM_FILE=4
 
 REACT_APP_LOGOUT_TEXT="Sign Out"
+
 REACT_APP_APPLE_SOCIAL_LOGIN=0
 REACT_APP_LINKEDIN_SOCIAL_LOGIN=0
 
@@ -94,7 +89,7 @@ REACT_APP_SHOW_ACCOUNT_DASH=1
 REACT_APP_SHOW_SLIDER_BANNERS=0
 
 # FOR MEDIA LINK
-REACT_APP_MEDIA_LINK='https://media.wrenchboard.com'
+REACT_APP_MEDIA_LINK='https://dev-media.wrenchboard.com'
 
 # FOR FAMILY GAME LINK
 REACT_APP_FAM_GAME_LINK='https://games.wrenchboard.com'
@@ -103,4 +98,4 @@ REACT_APP_FAM_GAME_LINK='https://games.wrenchboard.com'
 REACT_APP_CUSTOMTIMER=90
 
 #SHOW OR HIDE MY PAGE LINK ROUTE
-REACT_APP_SHOW_USER_PAGE=0
+REACT_APP_SHOW_USER_PAGE=1

.env.production

@@ -1,4 +1,5 @@
 SKIP_PREFLIGHT_CHECK=true 
+REACT_APP_NODE_ENV="production"
 
 REACT_APP_FACEBOOK="https://www.facebook.com/profile.php?id=100066498622246"
 REACT_APP_TWITTER="https://twitter.com/fluxtra"

Dockerfile

@@ -1,5 +1,8 @@
 # pull the base image
-FROM node:alpine
+#FROM node:alpine
+FROM node:20.11.0-alpine
+
+
 
 # Build args
 ARG NODE_ENV
@@ -26,7 +29,7 @@ COPY nginx.conf ./
 
 COPY run.sh ./
 
-RUN npm install --legacy-peer-deps
+# RUN npm install --legacy-peer-deps
 
 # add app
 COPY . ./

package.json

@@ -3,6 +3,7 @@
   "version": "0.2.0",
   "private": true,
   "dependencies": {
+    "@fvilers/disable-react-devtools": "^1.3.0",
     "@react-oauth/google": "^0.11.0",
     "@reduxjs/toolkit": "^1.8.2",
     "@tailwindcss/line-clamp": "^0.3.1",
@@ -36,8 +37,8 @@
     "yup": "^1.1.1"
   },
   "scripts": {
-    "start": "react-scripts start -e .env.production",
+    "start": "react-scripts start -e .env.development",
-    "build": "react-scripts build -e .env.production",
+    "build": "GENERATE_SOURCEMAP=false react-scripts build -e .env.production",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
+  "short_name": "WrenchBoard App",
-  "name": "Create React App Sample",
+  "name": "WrenchBoard User Web",
   "icons": [],
   "start_url": ".",
   "display": "standalone",

run.sh

@@ -13,8 +13,9 @@ else
   # build the app and serve it via nginx
   echo "Production build"
   npm install --legacy-peer-deps
-  #npm run build
+  npm run build
-  npm start
+  # Testing sometimes
+  # npm run start
   nginx -g 'daemon off;' -c /usr/src/app/nginx.conf
   nginx -c /usr/src/app/nginx.conf
 fi

src/App.jsx

@@ -4,6 +4,11 @@ import Toaster from "./components/Helpers/Toaster";
 import Default from "./components/Partials/Default";
 import SocketIOContextProvider from "./components/Contexts/SocketIOContext";
 
+import { disableReactDevTools } from '@fvilers/disable-react-devtools';
+
+if (process.env.REACT_APP_NODE_ENV === 'production') {
+    disableReactDevTools();
+}
 function App() {
   const { pathname } = useLocation();
   return (

src/Routers.jsx

@@ -1,76 +1,78 @@
 import { Route, Routes } from "react-router-dom";
-import FourZeroFour from "./components/FourZeroFour";
+import { lazy } from "react";
-import ScrollToTop from "./components/Helpers/ScrollToTop";
+
-import StartJob from "./components/MyJobs/StartJob";
-import Notification from "./components/Notification";
-import AuthRoute from "./middleware/AuthRoute";
-import AppDownloadPage from "./views/AppDownloadPage";
-import AppleRedirectPage from "./views/AppleRedirectPage";
-import AuthProfilePage from "./views/AuthProfilePage";
-import AuthRedirect from "./views/AuthRedirect";
-import BlogPage from "./views/BlogPage";
-import CalendarPage from "./views/CalendarPage";
-import CollectionItemPage from "./views/CollectionItemPage";
-import FacebookRedirect from "./views/FacebookRedirect";
-import FamilyAccPage from "./views/FamilyAccPage";
-import FamilyManagePage from "./views/FamilyManagePage";
-import FamilyMarketPage from "./views/FamilyMarketPage";
-import FamilySettingsPage from "./views/FamilySettingsPage";
-import ForgotPasswordPages from "./views/ForgotPasswordPages";
-import ForgotPasswordPagesTwo from "./views/ForgotPasswordPagesTwo";
-import HistoryPage from "./views/HistoryPage";
-import HomePages from "./views/HomePages";
-import JobGroupsPage from "./views/JobGroupsPage";
-import LndPage from "./views/LndPage";
-import LoginPage from "./views/LoginPage";
-import LoginPageTwo from "./views/LoginPageTwo";
 import LoginLandingPage from './views/LoginLandingPage'
-import ManageActiveJobs from "./views/ManageActiveJobs";
+import LoginPage from "./views/LoginPage";
-import ManageInterestOfferPage from "./views/ManageInterestOfferPage";
+import HomePages from "./views/HomePages";
-import MarketPlacePage from "./views/MarketPlacePage";
+
-import MyActiveJobsPage from "./views/MyActiveJobsPage";
+
-import MyCouponPage from "./views/MyCouponPage";
+const FourZeroFour = lazy(() => import("./components/FourZeroFour"));
-import MyJobsPage from "./views/MyJobsPage";
+const ScrollToTop = lazy(() => import("./components/Helpers/ScrollToTop"));
-import MyOffersPage from "./views/MyOffersPage";
+const StartJob = lazy(() => import("./components/MyJobs/StartJob"));
-import MyPastDueJobsPage from "./views/MyPastDueJobsPage";
+const Notification = lazy(() => import("./components/Notification"));
-import MyReviewDueJobsPage from "./views/MyReviewDueJobsPage";
+const AuthRoute = lazy(() => import("./middleware/AuthRoute"));
-import MyTaskPage from "./views/MyTaskPage";
+const AppDownloadPage = lazy(() => import("./views/AppDownloadPage"));
-import MyWaitingJobsPage from "./views/MyWaitingJobsPage";
+const AppleRedirectPage = lazy(() => import("./views/AppleRedirectPage"));
-import MyWalletPage from "./views/MyWalletPage";
+const AuthProfilePage = lazy(() => import("./views/AuthProfilePage"));
-import OffersInterestPage from "./views/OffersInterestPage";
+const AuthRedirect = lazy(() => import("./views/AuthRedirect"));
-import ReferralPage from "./views/ReferralPage";
+const BlogPage = lazy(() => import("./views/BlogPage"));
-import RemindersPage from "./views/RemindersPage";
+const CalendarPage = lazy(() => import("./views/CalendarPage"));
-import ResourcePage from "./views/ResourcePage";
+const CollectionItemPage = lazy(() => import("./views/CollectionItemPage"));
-import SavedPage from "./views/SavedPage";
+const FacebookRedirect = lazy(() => import("./views/FacebookRedirect"));
-import SellPage from "./views/SellPage";
+const FamilyManagePage = lazy(() => import("./views/FamilyManagePage"));
-import SettingsPage from "./views/SettingsPage";
+const FamilyMarketPage = lazy(() => import("./views/FamilyMarketPage"));
-import SignupPage from "./views/SignupPage";
+
-import SignupPageTwo from "./views/SignupPageTwo";
+const ForgotPasswordPages = lazy(()=> import("./views/ForgotPasswordPages"));
-import TrackingPage from "./views/TrackingPage";
+const ForgotPasswordPagesTwo = lazy(()=> import("./views/ForgotPasswordPagesTwo"));
-import UpdatePasswordPages from "./views/UpdatePasswordPages";
+const HistoryPage = lazy(()=> import("./views/HistoryPage"));
-import UpdatePasswordPagesTwo from "./views/UpdatePasswordPagesTwo";
+const JobGroupsPage = lazy(()=> import("./views/JobGroupsPage"));
-import UploadProductPage from "./views/UploadProductPage";
+const LndPage = lazy(()=> import("./views/LndPage"));
-import UserProfilePage from "./views/UserProfilePage";
+const LoginPageTwo = lazy(()=> import("./views/LoginPageTwo"));
-import VerifyLinkPages from "./views/VerifyLinkPages";
+const ManageActiveJobs = lazy(()=> import("./views/ManageActiveJobs"));
-import VerifyLinkPagesTwo from "./views/VerifyLinkPagesTwo";
+const ManageInterestOfferPage = lazy(()=> import("./views/ManageInterestOfferPage"));
-import VerifyPasswordPages from "./views/VerifyPasswordPages";
+const MarketPlacePage = lazy(()=> import("./views/MarketPlacePage"));
-import VerifyPasswordPagesTwo from "./views/VerifyPasswordPagesTwo";
+const MyActiveJobsPage = lazy(()=> import("./views/MyActiveJobsPage"));
-import VerifyYouPages from "./views/VerifyYouPages";
+const MyCouponPage = lazy(()=> import("./views/MyCouponPage"));
-import VerifyYouPagesTwo from "./views/VerifyYouPagesTwo";
+const MyJobsPage = lazy(()=> import("./views/MyJobsPage"));
-import YourPages from "./views/YourPage_";
+const MyOffersPage = lazy(()=> import("./views/MyOffersPage"));
-import ParentWaitingPage from "./views/ParentWaitingPage";
+const MyPastDueJobsPage = lazy(()=> import("./views/MyPastDueJobsPage"));
-import FamilyPendingOfferPage from "./views/FamilyPendingOfferPage";
+const MyReviewDueJobsPage = lazy(()=> import("./views/MyReviewDueJobsPage"));
-import FamBlogPage from "./views/FamBlogPage"
+const MyTaskPage = lazy(()=> import("./views/MyTaskPage"));
-import FamAIQuestionPage from "./views/FamAIQuestionPage"
+const MyWaitingJobsPage = lazy(()=> import("./views/MyWaitingJobsPage"));
-import FamMyFilesPage from "./views/FamMyFilesPage"
+const MyWalletPage = lazy(()=> import("./views/MyWalletPage"));
-import FamWorkInProgressPage from "./views/FamWorkInProgressPage";
+const OffersInterestPage = lazy(()=> import("./views/OffersInterestPage"));
-import MyPastDueTasksPage from "./views/MyPastDueTasksPage";
+const ReferralPage = lazy(()=> import("./views/ReferralPage"));
-import FamilyWalletPage from "./views/FamilyWalletPage";
+const RemindersPage = lazy(()=> import("./views/RemindersPage"));
-import FamilyActivitiesPage from "./views/FamilyActivitiesPage";
+const ResourcePage = lazy(()=> import("./views/ResourcePage"));
-import FamGamesPage from "./views/FamGamesPage";
+const SavedPage = lazy(()=> import("./views/SavedPage"));
-import FamilyRoutesPage from "./views/FamilyRoutesPage";
+const SellPage = lazy(()=> import("./views/SellPage"));
-import PromoPage from "./views/PromoPage";
+const SettingsPage = lazy(()=> import("./views/SettingsPage"));
-import LearnMorePage from "./views/LearnMorePage";
+const SignupPage = lazy(()=> import("./views/SignupPage"));
+const SignupPageTwo = lazy(()=> import("./views/SignupPageTwo"));
+const TrackingPage = lazy(()=> import("./views/TrackingPage"));
+const UpdatePasswordPages = lazy(()=> import("./views/UpdatePasswordPages"));
+const UpdatePasswordPagesTwo = lazy(()=> import("./views/UpdatePasswordPagesTwo"));
+const UploadProductPage = lazy(()=> import("./views/UploadProductPage"));
+const UserProfilePage = lazy(()=> import("./views/UserProfilePage"));
+const VerifyLinkPages = lazy(()=> import("./views/VerifyLinkPages"));
+const VerifyLinkPagesTwo = lazy(()=> import("./views/VerifyLinkPagesTwo"));
+const VerifyPasswordPages = lazy(()=> import("./views/VerifyPasswordPages"));
+const VerifyPasswordPagesTwo = lazy(()=> import("./views/VerifyPasswordPagesTwo"));
+const VerifyYouPages = lazy(()=> import("./views/VerifyYouPages"));
+const VerifyYouPagesTwo = lazy(()=> import("./views/VerifyYouPagesTwo"));
+const YourPages = lazy(()=> import("./views/YourPage_"));
+const ParentWaitingPage = lazy(()=> import("./views/ParentWaitingPage"));
+const FamilyPendingOfferPage = lazy(()=> import("./views/FamilyPendingOfferPage"));
+const FamBlogPage = lazy(()=> import("./views/FamBlogPage"));
+const FamAIQuestionPage = lazy(()=> import("./views/FamAIQuestionPage"));
+const FamMyFilesPage = lazy(()=> import("./views/FamMyFilesPage"));
+const FamWorkInProgressPage = lazy(()=> import("./views/FamWorkInProgressPage"));
+const MyPastDueTasksPage = lazy(()=> import("./views/MyPastDueTasksPage"));
+const FamilyWalletPage = lazy(()=> import("./views/FamilyWalletPage"));
+const LearnMorePage = lazy(()=> import("./views/LearnMorePage"));
+const FamGamesPage = lazy(()=> import("./views/FamGamesPage"));
+const FamilyRoutesPage = lazy(()=> import("./views/FamilyRoutesPage"));
+const PromoPage = lazy(()=> import("./views/PromoPage"));
 
 export default function Routers() {
   return (

src/components/AddJob/AddJob.jsx

@@ -3,7 +3,7 @@ import {
   useDispatch,
   useSelector,
   usersService,
-  initialValues as IV,
+  // initialValues as IV,
   initialReqState,
   useState,
   tableReload,
@@ -75,7 +75,7 @@ function AddJob({ popUpHandler, categories }) {
   // For form initial values
   const initialValues = {
     // initial values for formik
-    country: walletDetails.data.length == 1 ? walletDetails.data[0].country : '',
+    country: walletDetails.data.length === 1 ? walletDetails.data[0].country : '',
     price: "",
     title: "",
     description: "",
@@ -117,7 +117,7 @@ function AddJob({ popUpHandler, categories }) {
                           className={`input-field p-2 mt-3 rounded-full placeholder:text-base text-dark-gray w-full h-[42px] bg-slate-100 focus:ring-0 focus:outline-none border`}
                           onChange={props.handleChange}
                           onBlur={props.handleBlur}
-                          disabled={walletDetails.data.length == 1}
+                          disabled={walletDetails.data.length === 1}
                         >
                           {walletDetails?.loading ? (
                             <option className="text-slate-500 text-lg" value="">
@@ -138,7 +138,7 @@ function AddJob({ popUpHandler, categories }) {
                                 </option>
                               ))}
                             </>
-                          ) : walletDetails.data.length == 1 ?
+                          ) : walletDetails.data.length === 1 ?
                           <>
                             {walletDetails.data?.map((item, index) => (
                               <option
@@ -367,7 +367,7 @@ function AddJob({ popUpHandler, categories }) {
                 {/* ERROR DISPLAY AND SUBMIT BUTTON */}
                 <div className="content-footer w-full">
                   {/* error or success display */}
-                  {requestStatus.message != "" &&
+                  {requestStatus.message !== "" &&
                     (!requestStatus.status ? (
                       <div
                         className={`relative p-4 my-4 text-[#912741] bg-[#fcd9e2] border-[#fbc6d3] mb-4 rounded-[0.475rem] text-md font-light leading-[19.5px] text-[13px]`}

src/components/AuthPages/AuthLayout2.jsx

@@ -6,7 +6,7 @@ import WrenchBoard from "../../assets/images/wrenchboard-logo-text.png";
 import DarkModeContext from "../Contexts/DarkModeContext";
 
 export default function LoginLayout({ slogan, children }) {
-  const bgImg = localImgLoad("images/left-wrenchboard.jpg");
+  // const bgImg = localImgLoad("images/left-wrenchboard.jpg");
   const bgImgNig = localImgLoad("images/wrench-home-back-nigeria.jpg");
   const bgImgCom = localImgLoad("images/wrench-home-back-common.jpg");
 
@@ -16,7 +16,7 @@ export default function LoginLayout({ slogan, children }) {
     <div
       className={`relative min-h-screen overflow-y-auto bg-cover bg-center flex flex-col items-center`}
       style={{
-        backgroundImage: `url(${countryMode == "NG" ? bgImgNig : bgImgCom})`,
+        backgroundImage: `url(${countryMode === "NG" ? bgImgNig : bgImgCom})`,
       }}
     >
       <div className="my-5">

src/components/AuthPages/AuthProfile/index.jsx

@@ -1,63 +1,63 @@
-import React, { useState } from "react";
+import React from "react";
 import { Link } from "react-router-dom";
 import authProfilePic from "../../../assets/images/auth-profile-picture.png";
 import profileBanner from "../../../assets/images/profile-cover.png";
-import collections from "../../../data/collectionplan_data.json";
-import marketPlace from "../../../data/marketplace_data.json";
-import products from "../../../data/product_data.json";
 import Layout from "../../Partials/Layout";
 import ActivitiesTab from "./ActivitiesTab";
-import CollectionTab from "./CollectionTab";
+// import collections from "../../../data/collectionplan_data.json";
-import CreatedTab from "./CreatedTab";
+// import marketPlace from "../../../data/marketplace_data.json";
-import HiddenProductsTab from "./HiddenProductsTab";
+// import products from "../../../data/product_data.json";
-import OnSaleTab from "./OnSaleTab";
+// import CollectionTab from "./CollectionTab";
-import OwnTab from "./OwnTab";
+// import CreatedTab from "./CreatedTab";
+// import HiddenProductsTab from "./HiddenProductsTab";
+// import OnSaleTab from "./OnSaleTab";
+// import OwnTab from "./OwnTab";
 
 export default function AuthProfile() {
-  const onSaleProducts = marketPlace.data;
+  // const onSaleProducts = marketPlace.data;
-  const CreatedSell = marketPlace.data;
+  // const CreatedSell = marketPlace.data;
-  const CreatedBits = products.datas;
+  // const CreatedBits = products.datas;
   // const mainProducts = products.datas;
-  const ownProducts = products.datas;
+  // const ownProducts = products.datas;
-  const collectionProducts = collections.data;
+  // const collectionProducts = collections.data;
 
-  const tabs = [
+  // const tabs = [
-    {
+  //   {
-      id: 1,
+  //     id: 1,
-      name: "onsale",
+  //     name: "onsale",
-      content: "On Sale",
+  //     content: "On Sale",
-    },
+  //   },
-    {
+  //   {
-      id: 2,
+  //     id: 2,
-      name: "owned",
+  //     name: "owned",
-      content: "Owned",
+  //     content: "Owned",
-    },
+  //   },
-    {
+  //   {
-      id: 3,
+  //     id: 3,
-      name: "created",
+  //     name: "created",
-      content: "Created",
+  //     content: "Created",
-    },
+  //   },
-    {
+  //   {
-      id: 4,
+  //     id: 4,
-      name: "hidden",
+  //     name: "hidden",
-      content: "Hidden",
+  //     content: "Hidden",
-    },
+  //   },
-    {
+  //   {
-      id: 5,
+  //     id: 5,
-      name: "collection",
+  //     name: "collection",
-      content: "Collection",
+  //     content: "Collection",
-    },
+  //   },
-    {
+  //   {
-      id: 6,
+  //     id: 6,
-      name: "activity",
+  //     name: "activity",
-      content: "Activity",
+  //     content: "Activity",
-    },
+  //   },
-  ];
+  // ];
 
-  const [tab, setTab] = useState(tabs[0].name);
+  // const [tab, setTab] = useState(tabs[0].name);
-  const tabHandler = (value) => {
+  // const tabHandler = (value) => {
-    setTab(value);
+  //   setTab(value);
-  };
+  // };
   return (
     <>
       <Layout>

src/components/AuthPages/AuthRedirect/AppleRedirect.jsx

@@ -1,15 +1,15 @@
 import React, { useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
-import usersService from '../../../services/UsersService';
+// import usersService from '../../../services/UsersService';
-import {updateUserDetails} from "../../../store/UserDetails";
+// import {updateUserDetails} from "../../../store/UserDetails";
-import { useDispatch } from "react-redux";
+// import { useDispatch } from "react-redux";
 import AuthLayout from "../AuthLayout";
 
 function AppleRedirect() {
     const location = useLocation();
     const navigate = useNavigate();
-    const userApi = new usersService();
+    // const userApi = new usersService();
-    const dispatch = useDispatch()
+    // const dispatch = useDispatch()
 
     const queryParams = new URLSearchParams(location?.search);
     const codeResponse = queryParams.get("code");
@@ -36,11 +36,11 @@ function AppleRedirect() {
       redirect_uri=https%3A//oauth2.example.com/code&
       grant_type=authorization_code
       */
-      var reqData = {
+      // var reqData = {
-        auth_type: "APPLE",
+      //   auth_type: "APPLE",
-        code: codeResponse,
+      //   code: codeResponse,
-        redirect_uri: process.env.REACT_APP_GOOGLE_REDIRECT_URL,
+      //   redirect_uri: process.env.REACT_APP_GOOGLE_REDIRECT_URL,
-      };
+      // };
     //   userApi
     //     .authStart(reqData)
     //     .then((res) => {
@@ -58,7 +58,7 @@ function AppleRedirect() {
     //       navigate('/login', {state: {error: true}})
     //       console.log(error);
     //     });
-    },[])
+    },[codeResponse, navigate])
   return (
     <AuthLayout>
     <div className='min-h-[70vh]'>Redirecting ... </div>

src/components/AuthPages/AuthRedirect/FbookRedirect.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useMemo, useEffect } from 'react';
 import { useDispatch } from "react-redux";
 import { useLocation, useNavigate } from 'react-router-dom';
 import usersService from '../../../services/UsersService';
@@ -8,7 +8,7 @@ import AuthLayout from "../AuthLayout";
 function FbookRedirect() {
     const location = useLocation();
     const navigate = useNavigate();
-    const userApi = new usersService();
+    const userApi = useMemo(()=>{new usersService()},[]);
     const dispatch = useDispatch()
 
     const queryParams = new URLSearchParams(location?.search);
@@ -52,7 +52,7 @@ function FbookRedirect() {
       userApi
         .authStart(reqData)
         .then((res) => {
-          if (res.status == 200  && res.data.internal_return >= 0 && res.data.member_id && res.data.uid && res.data.session) {
+          if (res.status === 200  && res.data.internal_return >= 0 && res.data.member_id && res.data.uid && res.data.session) {
             localStorage.setItem("member_id", `${res.data.member_id}`);
             localStorage.setItem("uid", `${res.data.uid}`);
             localStorage.setItem("session_token", `${res.data.session}`);
@@ -66,7 +66,7 @@ function FbookRedirect() {
           navigate('/login', {state: {error: true}})
           console.log(error);
         });
-    },[])
+    },[codeResponse, userApi, dispatch, navigate])
   return (
     <AuthLayout>
     <div className='min-h-[70vh]'>Redirecting ... </div>

src/components/AuthPages/AuthRedirect/Redirect.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useMemo } from "react";
 import { useDispatch } from "react-redux";
 import { useLocation, useNavigate } from "react-router-dom";
 import usersService from "../../../services/UsersService";
@@ -8,7 +8,7 @@ import AuthLayout from "../AuthLayout";
 function Redirect() {
   const location = useLocation();
   const navigate = useNavigate();
-  const userApi = new usersService();
+  const userApi = useMemo(()=>{new usersService()},[]);
   const dispatch = useDispatch();
 
   const queryParams = new URLSearchParams(location?.search);
@@ -40,7 +40,7 @@ function Redirect() {
       .authStart(reqData)
       .then((res) => {
         if (
-          res.status == 200 &&
+          res.status === 200 &&
           res.data.internal_return >= 0 &&
           res.data.member_id &&
           res.data.uid &&
@@ -59,7 +59,7 @@ function Redirect() {
         navigate("/login", { state: { error: true } });
         console.log(error);
       });
-  }, []);
+  }, [codeResponse, userApi, dispatch, navigate]);
   return (
     <AuthLayout>
       <div className="min-h-[70vh]">Redirecting ... </div>

src/components/AuthPages/ForgotPassword/index.jsx

@@ -38,7 +38,7 @@ export default function ForgotPassword() {
   }
 
   const resetHandler = async () => {
-    if (email == "") {
+    if (email === "") {
       setMsgError("An email is required");
       return setTimeout(() => {
         setMsgError(null);

src/components/AuthPages/ForgotPassword/index2.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
-import { Link, useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
-import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png";
+// import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png";
 import usersService from "../../../services/UsersService";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout2";
@@ -38,7 +38,7 @@ export default function ForgotPassword() {
   }
 
   const resetHandler = async () => {
-    if (email == "") {
+    if (email === "") {
       setMsgError("An email is required");
       return setTimeout(() => {
         setMsgError(null);

src/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React ,{Suspense} from "react";
 import ReactDOM from "react-dom/client";
 import { Provider } from "react-redux";
 import { BrowserRouter } from "react-router-dom";
@@ -13,7 +13,9 @@ ReactDOM.createRoot(root).render(
   <BrowserRouter>
     <Provider store={store}>
       <GoogleOAuthProvider clientId={process.env.REACT_APP_GOOGLE_CLIENT_ID}>
-        <App />
+          <Suspense>
+              <App />
+          </Suspense>
       </GoogleOAuthProvider>
     </Provider>
   </BrowserRouter>

src/views/OffersInterestPage.jsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState, useEffect } from "react";
+import React, { useMemo, useState, useEffect } from "react";
 // import BlogItem from "../components/Blogs";
 import { useSelector } from "react-redux";
 import OffersInterest from "../components/OffersInterest";
@@ -15,7 +15,7 @@ export default function OffersInterestPage() {
 
     let {joinRoom} = SocketValues() // function to join room for socket
 
-    const apiCall = new usersService()
+    const apiCall = useMemo(()=>{new usersService()},[]) 
 
     let {commonHeadBanner} = useSelector(state => state.commonHeadBanner)
 
@@ -28,11 +28,11 @@ export default function OffersInterestPage() {
             setOfferInterestList({loading: false, data: [], imgServer:''})
             console.log('Error: ', err)
         })
-    },[offerInterestListReload])
+    },[apiCall, offerInterestListReload])
 
     useEffect(()=>{
         joinRoom(`INTEREST-${userDetails?.uid}`)
-    },[])
+    },[joinRoom, userDetails])
 
     return (
         <>

src/views/ResourcePage.jsx

@@ -1,22 +1,22 @@
-import React, { useState, useEffect } from "react";
+import React, { useCallback, useMemo, useState, useEffect } from "react";
 import Resources from "../components/Resources";
 import usersService from "../services/UsersService";
 import { useLocation } from "react-router-dom";
 export default function ResourcePage() {
-  const {state, pathname} = useLocation() // CHECKS IF THERE IS AN ACTIVE TAB WITH LINK BACK TO RESOURCES
+  const {state} = useLocation() // CHECKS IF THERE IS AN ACTIVE TAB WITH LINK BACK TO RESOURCES
   const [MyResourceData, setMyResourceData] = useState([]);
-  const api = new usersService();
+  const api = useMemo(()=>{new usersService()},[]);
-  const getMyResourceData = async () => {
+  const getMyResourceData = useCallback( async () => {
-    try {
+      try {
-      const res = await api.getResourceList();
+        const res = await api.getResourceList();
-      setMyResourceData(res.data);
+        setMyResourceData(res.data);
-    } catch (error) {
+      } catch (error) {
-      throw new Error("Error getting mode");
+        throw new Error("Error getting mode");
-    }
+      }
-  };
+    },[api]) 
   useEffect(() => {
     getMyResourceData();
-  }, []);
+  }, [getMyResourceData]);
 
   return <Resources MyResourceData={MyResourceData} activeTab={state ? state.tab : ''} />;
 }