fix: pageloader wrapper error case logout button addition (#780)

juspay · Jun 4, 2024 · 4347f8d · 4347f8d
1 parent d34f858
commit 4347f8d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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 {