componentised timeout applied to logged in pages

components/myportal.js

@@ -12,48 +12,50 @@ import YourAccount from "./myportal/youraccount";
 import { parseCookies, setCookie, destroyCookie } from "nookies";
 
 import IdleTimer from "react-idle-timer";
-import TimeoutModal from "../components/timeoutmodal";
+import TimeoutModal from "./timeout/timeoutmodal";
 import { useState } from "react";
 
+import TimeOut from "../components/timeout";
+
 const MyPortal = (props) => {
     let { t } = useTranslation();
 
     const router = useRouter();
     const { locale } = router;
 
-    const [showModal, setShowModal] = useState(false);
-    const inactiveTimeOut = 12000; // in seconds
-    const reminderTimeout = 60; // in seconds
+    // const [showModal, setShowModal] = useState(false);
+    // const inactiveTimeOut = 1200; // in seconds
+    // const reminderTimeout = 60; // in seconds
 
-    let idleTimer = null;
-    let logoutTimer = null;
+    // let idleTimer = null;
+    // let logoutTimer = null;
 
-    let onIdle = () => {
-        togglePopup();
-        logoutTimer = setTimeout(() => {
-            handleLogout();
-        }, 1000 * reminderTimeout * 1);
-    };
+    // let onIdle = () => {
+    //     togglePopup();
+    //     logoutTimer = setTimeout(() => {
+    //         handleLogout();
+    //     }, 1000 * reminderTimeout * 1);
+    // };
 
-    let togglePopup = () => {
-        showModal == true ? setShowModal(false) : setShowModal(true);
-    };
+    // let togglePopup = () => {
+    //     showModal == true ? setShowModal(false) : setShowModal(true);
+    // };
 
-    let handleStayLoggedIn = () => {
-        if (logoutTimer) {
-            clearTimeout(logoutTimer);
-            logoutTimer = null;
-        }
-        idleTimer.reset();
-        togglePopup();
-    };
+    // let handleStayLoggedIn = () => {
+    //     if (logoutTimer) {
+    //         clearTimeout(logoutTimer);
+    //         logoutTimer = null;
+    //     }
+    //     idleTimer.reset();
+    //     togglePopup();
+    // };
 
-    const handleLogout = () => {
-        console.log("////////////", "\n", "logout", "\n", "//////////");
-        destroyCookie({}, "pinsUser"),
-            window.localStorage.clear(),
-            router.replace(props.ggLogout);
-    };
+    // const handleLogout = () => {
+    //     console.log("////////////", "\n", "logout", "\n", "//////////");
+    //     destroyCookie({}, "pinsUser"),
+    //         window.localStorage.clear(),
+    //         router.replace(props.ggLogout);
+    // };
 
     return (
         <>
@@ -124,7 +126,7 @@ const MyPortal = (props) => {
                     </div>
                 </div>
             </main>
-            <IdleTimer
+            {/* <IdleTimer
                 ref={(ref) => {
                     idleTimer = ref;
                 }}
@@ -133,14 +135,8 @@ const MyPortal = (props) => {
                 onActive={console.log(" bbis active", idleTimer)}
                 onIdle={onIdle}
                 timeout={1000 * inactiveTimeOut * 1}
-            />
-
-            <TimeoutModal
-                remainingCountdown={reminderTimeout}
-                showModal={showModal}
-                togglePopup={togglePopup}
-                handleStayLoggedIn={handleStayLoggedIn}
-            />
+            /> */}
+            <TimeOut ggLogout={props.ggLogout} />
         </>
     );
 };