Reverted to GROWI Bot master branch

src/client/js/components/Admin/SlackIntegration/BotSettingsAccordion.jsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { Collapse } from 'reactstrap';
-import PropTypes from 'prop-types';
-
-const BotSettingsAccordion = (props) => {
-  return (
-    <div className="card border-0 rounded-lg shadow overflow-hidden">
-      {props.children}
-    </div>
-  );
-};
-
-const BotSettingsAccordionItem = (props) => {
-  const onToggleAccordionHandler = () => {
-    if (props.onToggleAccordionHandler != null) {
-      props.onToggleAccordionHandler();
-    }
-  };
-
-  return (
-    <div className="card border-0 rounded-lg mb-0">
-      <div
-        className="card-header font-weight-normal py-3 d-flex justify-content-between"
-        role="button"
-        onClick={onToggleAccordionHandler}
-      >
-        <p className="mb-0"><span className="mr-2">{props.itemNumber}</span>{props.title}</p>
-        {props.isActive
-          ? <i className="fa fa-chevron-up" />
-          : <i className="fa fa-chevron-down" />
-        }
-      </div>
-      <Collapse isOpen={props.isActive}>
-        <div className="card-body">
-          {props.children}
-        </div>
-      </Collapse>
-    </div>
-  );
-};
-
-BotSettingsAccordion.Item = BotSettingsAccordionItem;
-
-BotSettingsAccordionItem.propTypes = {
-  isActive: PropTypes.bool,
-  itemNumber: PropTypes.string,
-  title: PropTypes.string.isRequired,
-  onToggleAccordionHandler: PropTypes.func,
-  children: PropTypes.element.isRequired,
-};
-
-BotSettingsAccordion.propTypes = {
-  children: PropTypes.element.isRequired,
-};
-
-export default BotSettingsAccordion;

src/client/js/components/Admin/SlackIntegration/CustomBotWithoutProxySettingsAccordion.jsx

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import AppContainer from '../../../services/AppContainer';
 import AdminAppContainer from '../../../services/AdminAppContainer';
+import { withUnstatedContainers } from '../../UnstatedUtils';
 import Accordion from '../Common/Accordion';
 import { toastSuccess, toastError } from '../../../util/apiNotification';
 import CustomBotWithoutProxySecretTokenSection from './CustomBotWithoutProxySecretTokenSection';
@@ -169,6 +170,7 @@ const CustomBotWithoutProxySettingsAccordion = ({ appContainer, adminAppContaine
   );
 };
 
+const CustomBotWithoutProxySettingsAccordionWrapper = withUnstatedContainers(CustomBotWithoutProxySettingsAccordion, [AppContainer, AdminAppContainer]);
 
 CustomBotWithoutProxySettingsAccordion.propTypes = {
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
@@ -176,4 +178,4 @@ CustomBotWithoutProxySettingsAccordion.propTypes = {
   activeStep: PropTypes.oneOf(Object.values(botInstallationStep)).isRequired,
 };
 
-export default CustomBotWithoutProxySettingsAccordion;
+export default CustomBotWithoutProxySettingsAccordionWrapper;