solved

client/package.json

@@ -15,7 +15,6 @@
     "chart.js": "^4.4.3",
     "chartjs-adapter-date-fns": "^3.0.0",
     "framer-motion": "^11.3.8",
-    "js-cookie": "^3.0.5",
     "react": "^18.3.1",
     "react-chartjs-2": "^5.2.0",
     "react-content-loader": "^7.0.2",

client/src/Pages/Dashboard/Dashboard.jsx

@@ -24,7 +24,6 @@ import favourite from '../../assets/flaticon/favourite.gif'
 import chart from '../../assets/flaticon/chart.gif'
 import upcoming from '../../assets/flaticon/upcoming.gif'
 import Loader from '../../components/Loader/Loader';
-import Cookies from 'js-cookie';
 
 const Dashboard = () => {
     const [searchParams, setSearchParams] = useSearchParams();
@@ -36,12 +35,10 @@ const Dashboard = () => {
     const user = data.user
 
     useEffect(() => {
-        if (searchParams.get('email') && searchParams.get('username')) {
-            // Cookies.set('token2', searchParams.get('token'), {
-            //     ...searchParams.get('cookieOptions'),
-            //     expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)
-            // });
-            // setReload(prev => prev + 1);
+        if (searchParams.get('email') && searchParams.get('username') && searchParams.get('token')) {
+            localStorage.setItem('token', searchParams.get('token'))
+
+            setReload(prev => prev + 1);
 
             dispatch(setAuth({
                 email: searchParams.get('email'),

client/src/Pages/Landing/Landing.jsx

@@ -25,7 +25,6 @@ import codeaz from '../../assets/codaez.png';
 import Contest from '../../assets/Contest.jpeg';
 import useFetch from '../../hooks/useFetch';
 import Loader from '../../components/Loader/Loader';
-import Cookies from 'js-cookie';
 
 const Landing = () => {
     const dispatch = useDispatch();
@@ -42,7 +41,6 @@ const Landing = () => {
         try {
             const data = await makeRequest.get('/logout', { withCredentials: true });
             if (data.data) {
-                // Cookies.remove('token');
                 toast.success("Logged Out!", { position: "top-right" });
                 dispatch(removeAuth());
             } else {

client/src/Pages/Profile/Profile.jsx

@@ -38,7 +38,7 @@ const Profile = () => {
     const ownprofile = current_user?.username === username;
 
     const { data, loading, error } = useFetch(`/profile/${username}`, true, reload);
-    
+
 
     useEffect(() => {
         if (ownprofile && data && data.user) {
@@ -164,6 +164,7 @@ const Profile = () => {
         }, {
             headers: {
                 'Content-Type': 'multipart/form-data',
+                'Authorization': `Bearer ${localStorage.getItem('token')}`,
             }
         });
 
@@ -273,16 +274,16 @@ const Profile = () => {
     }
 
 
-    useEffect(()=>{
-        if(data &&  Object.keys(data).length>0  && !data.status ){
-            toast.error("user not found" , {
+    useEffect(() => {
+        if (data && Object.keys(data).length > 0 && !data.status) {
+            toast.error("user not found", {
                 position: "top-right"
             })
         }
-    },[data])
-       
-   
-    
+    }, [data])
+
+
+
 
 
     return (

client/src/components/Register/CompleteProfile.jsx

@@ -15,7 +15,6 @@ import { ClipLoader } from "react-spinners";
 import { SiTicktick } from "react-icons/si";
 import { RiErrorWarningLine } from "react-icons/ri";
 import { IoIosArrowBack, IoIosArrowForward } from "react-icons/io";
-import Cookies from 'js-cookie';
 
 
 const CompleteProfile = () => {
@@ -50,12 +49,9 @@ const CompleteProfile = () => {
 
 
     useEffect(() => {
-        if (searchParams.get('email')) {
-            // Cookies.set('token2', searchParams.get('token'), {
-            //     ...searchParams.get('cookieOptions'),
-            //     expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)
-            // });
-
+        if (searchParams.get('email') && searchParams.get('token')) {
+            localStorage.setItem('token', searchParams.get('token'))
+
             setUser({
                 email: searchParams.get('email'),
                 name: searchParams.get('name'),
@@ -166,6 +162,7 @@ const CompleteProfile = () => {
         }, {
             headers: {
                 'Content-Type': 'multipart/form-data',
+                'Authorization': `Bearer ${localStorage.getItem('token')}`,
             }
         });
 

client/src/components/Sidebar/Sidebar.jsx

@@ -9,7 +9,6 @@ import { removeAuth } from "../../redux/authReducer";
 import { useDispatch, useSelector } from "react-redux";
 import { toast } from "react-toastify";
 import codaez from '../../assets/codaez.png'
-import Cookies from 'js-cookie';
 
 const Sidebar = () => {
     const dispatch = useDispatch();
@@ -25,7 +24,7 @@ const Sidebar = () => {
 
             if (data.data) {
                 // console.log({ data: data.data });
-                // Cookies.remove('token');
+                localStorage.removeItem('token');
                 toast.success("Logged Out!", {
                     position: "top-right"
                 });

client/src/hooks/useFetch.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react"
 import { makeRequest } from "./makeRequest";
 
-const useFetch = (url, makeCall = true,reload=0) => {
+const useFetch = (url, makeCall = true, reload = 0) => {
     const [data, setData] = useState([]);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(false);
@@ -14,7 +14,9 @@ const useFetch = (url, makeCall = true,reload=0) => {
                 }
                 setLoading(true);
                 const resp = await makeRequest.get(url, {
-                    withCredentials: true,
+                    headers: {
+                        'Authorization': `Bearer ${localStorage.getItem('token')}`,
+                    }
                 })
                 setData(resp.data);
             }
@@ -25,7 +27,7 @@ const useFetch = (url, makeCall = true,reload=0) => {
             setLoading(false);
         }
         fetchData();
-    }, [url,reload])
+    }, [url, reload])
 
     return { data, loading, error };
 }

client/src/hooks/usePostFetch.js

@@ -1,21 +1,20 @@
 import { makeRequest } from "./makeRequest";
-import Cookies from 'js-cookie';
 
 const usePostFetch = async (url, bodyData, makeCall = true) => {
     try {
         if (!makeCall) {
             return {};
         }
         const resp = await makeRequest.post(url, { ...bodyData }, {
-            withCredentials: true
+            headers: {
+                'Authorization': `Bearer ${localStorage.getItem('token')}`,
+            }
         })
+        console.log()
         if (resp.data) {
-            // if (resp.data.token) {
-            //     Cookies.set('token2', resp.data.token, {
-            //         ...resp.data.cookieOptions,
-            //         expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)
-            //     });
-            // }
+            if (resp.data.token) {
+                localStorage.setItem("token", resp.data.token);
+            }
             return { data: resp.data };
         }
         else {

client/src/hooks/usePutHook.js

@@ -5,7 +5,10 @@ const usePutHook = async (url, bodyData, options = {}) => {
     // pass options only when some extra options are also to be given e.g. while uploading image, option.header is required
     try {
         const data = await makeRequest.put(url, { ...bodyData }, {
-            withCredentials: true,
+            // withCredentials: true,
+            headers: {
+                'Authorization': `Bearer ${localStorage.getItem('token')}`,
+            },
             ...options
         });
         // console.log(data)

server/utils/isLoggedIn.js

@@ -5,7 +5,7 @@ const ErrorHand = require('./errorHand.js');
 
 module.exports.isLoggedIn = async (req, res, next) => {
     // const {token} = req.cookies;
-    const token = req.header("Authorization").replace("Bearer ", "");
+    const token = req?.header("Authorization")?.replace("Bearer ", "");
     if (!token) {
         return next(new ErrorHand("You need to log in first", 401));
     }