Fixed var names

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

@@ -5,7 +5,7 @@ import { Collapse } from 'reactstrap';
 const CustomBotWithoutSettingsAccordion = () => {
   const { t } = useTranslation('admin');
   const [currentlyOpenAccordionIndex, setCurrentlyOpenAccordionIndex] = useState(null);
-  const toggleAccordion = (i) => {
+  const onToggleAccordionHandler = (i) => {
     if (currentlyOpenAccordionIndex === i) {
       setCurrentlyOpenAccordionIndex(null);
       return;
@@ -14,10 +14,10 @@ const CustomBotWithoutSettingsAccordion = () => {
   };
 
   return (
-    <div className="card border-0 rounded-lg shadow overflow-hidden" id="customBotWithoutProxySettingsAccordion">
-
+    <div className="card border-0 rounded-lg shadow overflow-hidden">
+      
       <div className="card border-0 rounded-lg mb-0">
-        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => toggleAccordion(0)}>
+        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => onToggleAccordionHandler(0)}>
           <p className="mb-0 text-primary">{`① ${t('slack_integration.without_proxy.create_bot')}`}</p>
           {currentlyOpenAccordionIndex === 0
             ? <i className="fa fa-chevron-up" />
@@ -50,7 +50,7 @@ const CustomBotWithoutSettingsAccordion = () => {
       </div>
 
       <div className="card border-0 rounded-lg mb-0">
-        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => toggleAccordion(1)}>
+        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => onToggleAccordionHandler(1)}>
           <p className="mb-0 text-primary">{`② ${t('slack_integration.without_proxy.install_bot_to_slack')}`}</p>
           {currentlyOpenAccordionIndex === 1
             ? <i className="fa fa-chevron-up" />
@@ -65,7 +65,7 @@ const CustomBotWithoutSettingsAccordion = () => {
       </div>
 
       <div className="card border-0 rounded-lg mb-0">
-        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => toggleAccordion(2)}>
+        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => onToggleAccordionHandler(2)}>
           <p className="mb-0 text-primary">{`③ ${t('slack_integration.without_proxy.register_secret_and_token')}`}</p>
           {currentlyOpenAccordionIndex === 2
             ? <i className="fa fa-chevron-up" />
@@ -80,7 +80,7 @@ const CustomBotWithoutSettingsAccordion = () => {
       </div>
 
       <div className="card border-0 rounded-lg mb-0">
-        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => toggleAccordion(3)}>
+        <div className="card-header clickable py-3 d-flex justify-content-between" onClick={() => onToggleAccordionHandler(3)}>
           <p className="mb-0 text-primary">{`④ ${t('slack_integration.without_proxy.test_connection')}`}</p>
           {currentlyOpenAccordionIndex === 3
             ? <i className="fa fa-chevron-up" />