From 6dcbdaf0412d1405103dec92e165c63db2258c19 Mon Sep 17 00:00:00 2001
From: dprincecoder <dprincecoder@gmail.com>
Date: Mon, 22 Nov 2021 09:41:07 +0100
Subject: [PATCH] fix for user submit in logedout

---
 src/containers/Submission/Submit/index.jsx | 42 +++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/containers/Submission/Submit/index.jsx b/src/containers/Submission/Submit/index.jsx
index 9f9e2a0..6f957c3 100644
--- a/src/containers/Submission/Submit/index.jsx
+++ b/src/containers/Submission/Submit/index.jsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, {useState, useEffect} from "react";
 import PT from "prop-types";
 import * as util from "../../../utils/submission";
 import Header from "./Header";
@@ -45,6 +45,46 @@ const Submit = ({
 
   const submissionPermitted = !submissionEnded || canSubmitFinalFixes;
 
+
+//this code below here is used to check if the user is no longer active in the page
+  //by constantly checking for mousemove event
+  //if the user is inactive, the page will reload then backend will know that users has logged out else where then redirect to the login page
+
+  const [timeLeft, setTimeLeft] = useState(120);
+  let counter;
+  const mouseMotion = () => {
+    counter = setInterval(() => {
+      setTimeLeft((prevTimeLeft) => prevTimeLeft - 1);
+    }, 3000);
+  };
+  useEffect(() => {
+    mouseMotion();
+    document.addEventListener("mousemove", () => {
+      clearInterval(counter);
+      setTimeLeft(120);
+    });
+
+    document.addEventListener("mouseleave", () => {
+      mouseMotion();
+    });
+
+    //this code below is for touch devices
+    document.addEventListener("touchmove", () => {
+      clearInterval(counter);
+      setTimeLeft(120);
+    });
+
+    document.addEventListener("touchend", () => {
+      mouseMotion();
+    });
+
+    // while (moved) {
+    // }
+    if (timeLeft < 1) {
+      window.location.reload();
+    }
+  }, [counter, timeLeft]);
+
   return (
     <div styleName="container">
       <div styleName="content" role="main">