fetch OidcSecuritySettingsData

packages/app/src/client/services/AdminOidcSecurityContainer.js

@@ -19,13 +19,10 @@ export default class AdminOidcSecurityContainer extends Container {
     super();
 
     this.appContainer = appContainer;
-    this.dummyOidcProviderName = 0;
-    this.dummyOidcProviderNameForError = 1;
 
     this.state = {
       retrieveError: null,
-      // set dummy value tile for using suspense
-      oidcProviderName: this.dummyOidcProviderName,
+      oidcProviderName: '',
       oidcIssuerHost: '',
       oidcAuthorizationEndpoint: '',
       oidcTokenEndpoint: '',

packages/app/src/components/Admin/Security/OidcSecuritySetting.jsx

@@ -1,5 +1,4 @@
-/* eslint-disable react/no-danger */
-import React from 'react';
+import React, { useEffect } from 'react';
 
 import PropTypes from 'prop-types';
 
@@ -32,6 +31,21 @@ function OidcSecurityManagement(props) {
   //   throw new Error(`${retrieveErrors.length} errors occured`);
   // }
 
+  useEffect(() => {
+    const fetchOidcSecuritySettingsData = async() => {
+      await adminOidcSecurityContainer.retrieveSecurityData();
+    };
+
+    try {
+      fetchOidcSecuritySettingsData();
+    }
+    catch (err) {
+      const errs = toArrayIfNot(err);
+      toastError(errs);
+      logger.error(errs);
+    }
+  }, [adminOidcSecurityContainer]);
+
   return <OidcSecurityManagementContents />;
 }