resolve error

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

@@ -113,7 +113,7 @@ const SlackIntegration = (props) => {
     return <span className={`bot-type-disc-${desc}`}>{t(`admin:slack_integration.selecting_bot_types.${desc}`)}</span>;
   };
 
-  const botTypeDescription = {
+  const botTypeCard = {
     officialBot: {
       level: t('admin:slack_integration.selecting_bot_types.for_beginners'),
       setUp: t('admin:slack_integration.selecting_bot_types.easy'),
@@ -135,7 +135,7 @@ const SlackIntegration = (props) => {
   };
 
 
-  const renderCaedBody = (setUpDesc, multiWSIntegrationDesc, securityControlDesc) => {
+  const renderCardBody = (setUpDesc, multiWSIntegrationDesc, securityControlDesc) => {
     return (
       <div className="card-body p-4">
         <p className="card-text">
@@ -162,74 +162,81 @@ const SlackIntegration = (props) => {
   };
 
   const renderBotTypeCard = (botType) => {
-    return (
-      <div
-        className={`card admin-bot-card mx-3 rounded border-radius-sm shadow ${currentBotType === `${botType}` ? 'border-primary' : ''}`}
-        onClick={() => handleBotTypeSelect(`${botType}`)}
-        role="button"
-      >
-        <div>
-          <h3 className={`card-header mb-0 py-3 text-center ${currentBotType === `${botType}` ? 'bg-primary text-light' : ''}`}>
-            <span className="mr-2">
-              {t('admin:slack_integration.selecting_bot_types.official_bot')}
-            </span>
-            <span className="badge badge-info mr-2">
-              {t('admin:slack_integration.selecting_bot_types.recommended')}
-            </span>
-            {/* TODO: add an appropriate link by GW-5614 */}
-            <i className={`fa fa-external-link btn-link ${currentBotType === `${botType}` ? 'bg-primary text-light' : ''}`} aria-hidden="true"></i>
-          </h3>
-        </div>
+    console.log('fuga');
+    // return (
+    Object.entries(botTypeCard).map(([key, value]) => {
+      return (
+        <div
+          className={`card admin-bot-card mx-3 rounded border-radius-sm shadow ${currentBotType === `${botType}` ? 'border-primary' : ''}`}
+          onClick={() => handleBotTypeSelect(`${botType}`)}
+          role="button"
+        >
+          fuga
+          <div>
+            <h3 className={`card-header mb-0 py-3 text-center ${currentBotType === `${botType}` ? 'bg-primary text-light' : ''}`}>
+              <span className="mr-2">
+                {t('admin:slack_integration.selecting_bot_types.official_bot')}
+              </span>
+              <span className="badge badge-info mr-2">
+                {t('admin:slack_integration.selecting_bot_types.recommended')}
+              </span>
+              {/* TODO: add an appropriate link by GW-5614 */}
+              <i className={`fa fa-external-link btn-link ${currentBotType === `${botType}` ? 'bg-primary text-light' : ''}`} aria-hidden="true"></i>
+            </h3>
+          </div>
 
-        {/* <div className="card-body p-4">
+          {/* <div className="card-body p-4">
           <p className="card-text">
-            <div className="text-center">
-              {showBotTypeLevel('for_beginners')}
-            </div>
-            <div className="my-4">
-              <div className="d-flex justify-content-between mb-2">
-                {showBotTypeLabel('set_up')}
-                {showBotTypeDiscription('easy')}
-              </div>
-              <div className="d-flex justify-content-between mb-2">
-                {showBotTypeLabel('multiple_workspaces_integration')}
-                {showBotTypeDiscription('possible')}
-              </div>
-              <div className="d-flex justify-content-between">
-                {showBotTypeLabel('security_control')}
-                {showBotTypeDiscription('impossible')}
-              </div>
-            </div>
+          <div className="text-center">
+          {showBotTypeLevel('for_beginners')}
+          </div>
+          <div className="my-4">
+          <div className="d-flex justify-content-between mb-2">
+          {showBotTypeLabel('set_up')}
+          {showBotTypeDiscription('easy')}
+          </div>
+          <div className="d-flex justify-content-between mb-2">
+          {showBotTypeLabel('multiple_workspaces_integration')}
+          {showBotTypeDiscription('possible')}
+          </div>
+          <div className="d-flex justify-content-between">
+          {showBotTypeLabel('security_control')}
+          {showBotTypeDiscription('impossible')}
+          </div>
+          </div>
           </p>
         </div> */}
-        {Object.entries(botTypeDescription).map(([key, value]) => {
-          return (
-            <div className="card-body p-4">
-              <p className="card-text">
-                <div className="text-center">
-                  {value.level}
+          {/* {Object.entries(botTypeCard).map(([key, value]) => {
+          return ( */}
+          <div className="card-body p-4">
+            <p className="card-text">
+              <div className="text-center">
+                {value.level}
+              </div>
+              <div className="my-4">
+                <div className="d-flex justify-content-between mb-2">
+                  {showBotTypeLabel('set_up')}
+                  <span>{value.setUp}</span>
                 </div>
-                <div className="my-4">
-                  <div className="d-flex justify-content-between mb-2">
-                    {showBotTypeLabel('set_up')}
-                    <span>{value.setUp}</span>
-                  </div>
-                  <div className="d-flex justify-content-between mb-2">
-                    {showBotTypeLabel('multiple_workspaces_integration')}
-                    <span>{value.multiWSIntegration}</span>
+                <div className="d-flex justify-content-between mb-2">
+                  {showBotTypeLabel('multiple_workspaces_integration')}
+                  <span>{value.multiWSIntegration}</span>
 
-                  </div>
-                  <div className="d-flex justify-content-between">
-                    {showBotTypeLabel('security_control')}
-                    <span>{value.securityControl}</span>
-                  </div>
                 </div>
-              </p>
-            </div>
-            );
-          })}
-      </div>
-    );
+                <div className="d-flex justify-content-between">
+                  {showBotTypeLabel('security_control')}
+                  <span>{value.securityControl}</span>
+                </div>
+              </div>
+            </p>
+          </div>
+          {/* );
+          })} */}
+        </div>
+      );
+    });
+    // );
+    console.log('fuga22');
   };
 
   return (
@@ -261,7 +268,9 @@ const SlackIntegration = (props) => {
 
         <div className="row my-4">
           <div className="card-deck mx-auto">
+            aa
             {renderBotTypeCard('official-bot')}
+            ii
 
             {/* <div
               className={`card admin-bot-card mx-3 rounded border-radius-sm shadow ${currentBotType === 'official-bot' ? 'border-primary' : ''}`}