FB: renane WithProxyAccordion to WithProxyAccordions

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

@@ -6,7 +6,7 @@ import AppContainer from '../../../services/AppContainer';
 import { withUnstatedContainers } from '../../UnstatedUtils';
 import { toastSuccess, toastError } from '../../../util/apiNotification';
 import CustomBotWithProxyIntegrationCard from './CustomBotWithProxyIntegrationCard';
-import WithProxyAccordion from './WithProxyAccordion';
+import WithProxyAccordions from './WithProxyAccordions';
 import DeleteSlackBotSettingsModal from './DeleteSlackBotSettingsModal';
 import AdminUpdateButtonRow from '../Common/AdminUpdateButtonRow';
 
@@ -113,7 +113,7 @@ const CustomBotWithProxySettings = (props) => {
                 {t('admin:slack_integration.delete')}
               </button>
             </div>
-            <WithProxyAccordion botType="customBotWithProxy" key={i} />
+            <WithProxyAccordions botType="customBotWithProxy" key={i} />
           </>
         ))}
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import CustomBotWithProxyIntegrationCard from './CustomBotWithProxyIntegrationCard';
-import WithProxyAccordion from './WithProxyAccordion';
+import WithProxyAccordions from './WithProxyAccordions';
 
 const OfficialBotSettings = () => {
   const { t } = useTranslation();
@@ -30,7 +30,7 @@ const OfficialBotSettings = () => {
       <h2 className="admin-setting-header">{t('admin:slack_integration.official_bot_settings')}</h2>
 
       <div className="my-5 mx-3">
-        <WithProxyAccordion botType="officialBot" />
+        <WithProxyAccordions botType="officialBot" />
       </div>
     </>
 

src/client/js/components/Admin/SlackIntegration/WithProxyAccordion.jsx → src/client/js/components/Admin/SlackIntegration/WithProxyAccordions.jsx

@@ -7,7 +7,7 @@ import { toastSuccess } from '../../../util/apiNotification';
 import AppContainer from '../../../services/AppContainer';
 import Accordion from '../Common/Accordion';
 
-const WithProxyAccordion = (props) => {
+const WithProxyAccordions = (props) => {
   const [testChannel, setTestChannel] = useState('');
   /* eslint-disable no-unused-vars */
   // TODO: Add connection Logs
@@ -250,10 +250,10 @@ const WithProxyAccordion = (props) => {
  * Wrapper component for using unstated
  */
 
-const OfficialBotSettingsAccordionWrapper = withUnstatedContainers(WithProxyAccordion, [AppContainer]);
-WithProxyAccordion.propTypes = {
+const OfficialBotSettingsAccordionsWrapper = withUnstatedContainers(WithProxyAccordions, [AppContainer]);
+WithProxyAccordions.propTypes = {
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
   botType: PropTypes.string.isRequired,
 };
 
-export default OfficialBotSettingsAccordionWrapper;
+export default OfficialBotSettingsAccordionsWrapper;