componentised timeout applied to logged in pages

2022-01-26 10:38:21 +00:00
parent 28586675d3
commit 2f91be126c
12 changed files with 175 additions and 46 deletions
@@ -0,0 +1,29 @@
+import React from "react";
+import { useState, useEffect } from "react";
+
+const TimeoutModal = (props) => {
+    const { showModal, handleStayLoggedIn, remainingCountdown } = props;
+
+    return (
+        <div className={showModal == false ? "modal fade" : "modal fade show"}>
+            <div backdrop="static" className="modal-dialog">
+                <div className="modal-content">
+                    <h3>
+                        Your session is about to expire in {remainingCountdown}{" "}
+                        seconds due to inactivity. You will be redirected to the
+                        login page.
+                    </h3>
+                    <button
+                        className="govuk-button"
+                        onClick={handleStayLoggedIn}
+                    >
+                        Stay Logged In
+                    </button>
+                </div>
+            </div>
+            <div className="modal-backdrop fade show"></div>
+        </div>
+    );
+};
+
+export default TimeoutModal;