From 4347f8d5e7f9bd8a19860a576a5998f03b894845 Mon Sep 17 00:00:00 2001
From: Riddhiagrawal001 <50551695+Riddhiagrawal001@users.noreply.github.com>
Date: Tue, 4 Jun 2024 15:08:44 +0530
Subject: [PATCH] fix: pageloader wrapper error case logout button addition
 (#780)

---
 src/entryPoints/HyperSwitchApp.res       |  2 +-
 src/screens/Utils/DefaultLandingPage.res | 18 +++++++++++++++++-
 src/screens/Utils/PageLoaderWrapper.res  |  2 ++
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/entryPoints/HyperSwitchApp.res b/src/entryPoints/HyperSwitchApp.res
index b1f1908e9..06caef1aa 100644
--- a/src/entryPoints/HyperSwitchApp.res
+++ b/src/entryPoints/HyperSwitchApp.res
@@ -196,7 +196,7 @@ let make = () => {
     React.null
   }
   <>
-    <PageLoaderWrapper screenState={screenState} sectionHeight="!h-screen">
+    <PageLoaderWrapper screenState={screenState} sectionHeight="!h-screen" showLogoutButton=true>
       <div>
         {switch dashboardPageState {
         | #POST_LOGIN_QUES_NOT_DONE => <PostLoginScreen />
diff --git a/src/screens/Utils/DefaultLandingPage.res b/src/screens/Utils/DefaultLandingPage.res
index c94a803c3..1b0bd1f7f 100644
--- a/src/screens/Utils/DefaultLandingPage.res
+++ b/src/screens/Utils/DefaultLandingPage.res
@@ -10,10 +10,18 @@ let make = (
   ~onClickHandler=_ => (),
   ~overriddingStylesTitle="",
   ~overriddingStylesSubtitle="",
+  ~showLogoutButton=false,
 ) => {
   open UIUtils
   let appliedWidth = width === "98%" ? "98%" : width
   let appliedHeight = height === "100%" ? "100%" : height
+
+  let {setAuthStatus} = React.useContext(AuthInfoProvider.authStatusContext)
+
+  let onLogoutHandle = () => {
+    setAuthStatus(LoggedOut)
+  }
+
   <div
     style={ReactDOMStyle.make(~width=appliedWidth, ~height=appliedHeight, ())}
     className={`m-5 bg-white dark:bg-jp-gray-lightgray_background dark:border-jp-gray-850 flex flex-col p-5 items-center justify-center ${customStyle}`}>
@@ -28,10 +36,18 @@ let make = (
       </div>
     </RenderIf>
     <RenderIf condition={isButton}>
-      <div className="mt-7">
+      <div className="mt-7 flex gap-4">
         <Button
           text={buttonText} buttonSize={Large} onClick={_ => onClickHandler()} buttonType={Primary}
         />
+        <UIUtils.RenderIf condition={showLogoutButton}>
+          <Button
+            text={"Logout"}
+            buttonSize={Large}
+            onClick={_ => onLogoutHandle()}
+            buttonType={Secondary}
+          />
+        </UIUtils.RenderIf>
       </div>
     </RenderIf>
   </div>
diff --git a/src/screens/Utils/PageLoaderWrapper.res b/src/screens/Utils/PageLoaderWrapper.res
index aa8f3193c..62b21f67c 100644
--- a/src/screens/Utils/PageLoaderWrapper.res
+++ b/src/screens/Utils/PageLoaderWrapper.res
@@ -31,6 +31,7 @@ let make = (
   ~sectionHeight="h-80-vh",
   ~customStyleForDefaultLandingPage="",
   ~customLoader=?,
+  ~showLogoutButton=false,
 ) => {
   switch screenState {
   | Loading =>
@@ -48,6 +49,7 @@ let make = (
       subtitle="We apologize for the inconvenience, but it seems like we encountered a hiccup while processing your request."
       onClickHandler={_ => Window.Location.hardReload(true)}
       isButton=true
+      showLogoutButton
     />
   | Success =>
     switch children {