Merge pull request #28 from Octasol/hotfix2

Refactor layout component to dispatch decrement action when counter v…

src/app/(pages)/layout.tsx

@@ -2,22 +2,33 @@
 import Sidebar from "@/components/Sidebar";
 import VerifyMail from "@/components/verifyMail";
 import React, { ReactNode, useEffect, useState } from "react";
-import { useSelector } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
 import Image from "next/image";
+import { decrement } from "../Redux/Features/loader/loaderSlice";
 
 type Props = { children: ReactNode };
 const Layout = ({ children }: Props) => {
   const session = useSelector((state: any) => state.user);
   const counter = useSelector((state: any) => state.counter);
   const [verifiedEmail, setVerifiedEmail] = useState(true);
+  const dispatch = useDispatch();
+
   const verified = async (): Promise<void> => {
+    console.log("session", session);
+
     if (session && session.accessToken) {
       setVerifiedEmail(session.isVerifiedEmail);
+      if (session) {
+        console.log(counter);
+        if (counter.value > 0) {
+          dispatch(decrement());
+        }
+      }
     }
   };
   useEffect(() => {
     verified();
-  }, [session, verifiedEmail]);
+  }, [session, verifiedEmail, counter]);
 
   return (
     <>