fetch BasicSecuritySettingsData

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

@@ -1,5 +1,4 @@
-/* eslint-disable react/no-danger */
-import React from 'react';
+import React, { useEffect } from 'react';
 
 import PropTypes from 'prop-types';
 
@@ -11,31 +10,24 @@ import { withUnstatedContainers } from '../../UnstatedUtils';
 
 import BasicSecurityManagementContents from './BasicSecuritySettingContents';
 
-let retrieveErrors = null;
-function BasicSecurityManagement(props) {
-  const { adminBasicSecurityContainer } = props;
-  // if (adminBasicSecurityContainer.state.isSameUsernameTreatedAsIdenticalUser === adminBasicSecurityContainer.dummyIsSameUsernameTreatedAsIdenticalUser) {
-  //   throw (async() => {
-  //     try {
-  //       await adminBasicSecurityContainer.retrieveSecurityData();
-  //     }
-  //     catch (err) {
-  //       const errs = toArrayIfNot(err);
-  //       toastError(errs);
-  //       retrieveErrors = errs;
-  //       adminBasicSecurityContainer.setState({
-  //         isSameUsernameTreatedAsIdenticalUser: adminBasicSecurityContainer.dummyIsSameUsernameTreatedAsIdenticalUser,
-  //       });
-
-  //     }
-  //   })();
-  // }
-
-  // if (
-  //   adminBasicSecurityContainer.state.isSameUsernameTreatedAsIdenticalUser === adminBasicSecurityContainer.dummyIsSameUsernameTreatedAsIdenticalUserForError
-  // ) {
-  //   throw new Error(`${retrieveErrors.length} errors occured`);
-  // }
+const BasicSecurityManagement = (props) => {
+  const { adminBasicSecurityContainer } = props
+
+  useEffect(() => {
+    const fetchBasicSecuritySettingsData = async() => {
+      await adminBasicSecurityContainer.retrieveSecurityData();
+    };
+
+    try {
+      fetchBasicSecuritySettingsData();
+    }
+    catch (err) {
+      const errs = toArrayIfNot(err);
+      toastError(errs);
+      logger.error(errs);
+    }
+  }, [adminBasicSecurityContainer]);
+
 
   return <BasicSecurityManagementContents />;
 }