From c72a9bbf06eb8cb2766c4e6bb9f0e12dc0bfd652 Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Thu, 10 Mar 2022 11:47:04 +0100
Subject: [PATCH] Removed the need to refresh the page (#2217)

---
 src/realm-settings/TokensTab.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/realm-settings/TokensTab.tsx b/src/realm-settings/TokensTab.tsx
index 4c244d6b11..e8f40461a3 100644
--- a/src/realm-settings/TokensTab.tsx
+++ b/src/realm-settings/TokensTab.tsx
@@ -69,6 +69,12 @@ export const RealmSettingsTokensTab = ({
     defaultValue: realm.offlineSessionMaxLifespanEnabled,
   });
 
+  const ssoSessionIdleTimeout = useWatch({
+    control,
+    name: "ssoSessionIdleTimeout",
+    defaultValue: 36000,
+  });
+
   return (
     <PageSection variant="light">
       <FormPanel
@@ -205,10 +211,7 @@ export const RealmSettingsTokensTab = ({
             label={t("accessTokenLifespan")}
             fieldId="accessTokenLifespan"
             helperText={t("recommendedSsoTimeout", {
-              time: toHumanFormat(
-                realm.ssoSessionIdleTimeout!,
-                whoAmI.getLocale()
-              ),
+              time: toHumanFormat(ssoSessionIdleTimeout!, whoAmI.getLocale()),
             })}
             labelIcon={
               <HelpItem
@@ -225,7 +228,7 @@ export const RealmSettingsTokensTab = ({
               render={({ onChange, value }) => (
                 <TimeSelector
                   validated={
-                    value > realm.ssoSessionIdleTimeout! ? "warning" : "default"
+                    value > ssoSessionIdleTimeout! ? "warning" : "default"
                   }
                   className="kc-access-token-lifespan"
                   data-testid="access-token-lifespan-input"