fix(ui): disable auto renew for react-okta (#12530)

* fix(ui): disable autorenew for react-okta

* update okta token on renewal

openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/ExploreV1.component.tsx

@@ -414,7 +414,11 @@ const ExploreV1: React.FC<ExploreProps> = ({
                       handleSummaryPanelDisplay={handleSummaryPanelDisplay}
                       isSummaryPanelVisible={showSummaryPanel}
                       selectedEntityId={entityDetails?.id || ''}
-                      totalValue={searchResults?.hits.total.value ?? 0}
+                      totalValue={
+                        tabCounts?.[searchIndex] ??
+                        searchResults?.hits.total.value ??
+                        0
+                      }
                       onPaginationChange={onChangePage}
                     />
                   ) : (

openmetadata-ui/src/main/resources/ui/src/components/authentication/auth-provider/AuthProvider.tsx

@@ -299,7 +299,14 @@ export const AuthProvider = ({
     const { isExpired, timeoutExpiry } = extractDetailsFromToken();
     const refreshToken = localState.getRefreshToken();
 
-    if (!isExpired && isNumber(timeoutExpiry) && refreshToken) {
+    // Basic & LDAP renewToken depends on RefreshToken hence adding a check here for the same
+    const shouldStartExpiry =
+      refreshToken ||
+      [AuthTypes.BASIC, AuthTypes.LDAP].indexOf(
+        authConfig?.provider as AuthTypes
+      ) === -1;
+
+    if (!isExpired && isNumber(timeoutExpiry) && shouldStartExpiry) {
       // Have 5m buffer before start trying for silent signIn
       // If token is about to expire then start silentSignIn
       // else just set timer to try for silentSignIn before token expires

openmetadata-ui/src/main/resources/ui/src/components/authentication/auth-provider/okta-auth-provider.tsx

@@ -35,6 +35,9 @@ export const OktaAuthProvider: FunctionComponent<Props> = ({
     redirectUri,
     scopes,
     pkce,
+    tokenManager: {
+      autoRenew: false,
+    },
   });
 
   const triggerLogin = async () => {

openmetadata-ui/src/main/resources/ui/src/components/authentication/authenticators/OktaAuthenticator.tsx

@@ -64,11 +64,13 @@ const OktaAuthenticator = forwardRef<AuthenticatorRef, Props>(
         logout();
       },
       async renewIdToken() {
-        await oktaAuth.token.renewTokens();
+        const renewToken = await oktaAuth.token.renewTokens();
-        const idToken = oktaAuth.getIdToken() || '';
+        oktaAuth.tokenManager.setTokens(renewToken);
-        localState.setOidcToken(idToken);
+        const newToken =
+          renewToken?.idToken?.idToken ?? oktaAuth.getIdToken() ?? '';
+        localState.setOidcToken(newToken);
 
-        return Promise.resolve(idToken);
+        return Promise.resolve(newToken);
       },
     }));
 

openmetadata-ui/src/main/resources/ui/src/components/searched-data/SearchedData.tsx

@@ -157,7 +157,7 @@ const SearchedData: React.FC<SearchedDataProps> = ({
                       {searchResultCards}
                       <Pagination
                         hideOnSinglePage
-                        className="text-center"
+                        className="text-center m-b-sm"
                         current={isNumber(Number(page)) ? Number(page) : 1}
                         pageSize={
                           size && isNumber(Number(size))