update prop

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

@@ -64,7 +64,7 @@ const CustomBotWithProxyIntegrationCard = (props) => {
         <div className="card-body p-4 mb-5 text-center">
           <div className="btn-group-vertical w-50">
             {props.siteNames.map((siteName) => {
-              return <button type="button" key={siteName} className="btn btn-primary mb-3">{siteName}</button>;
+              return <button type="button" key={siteName.name} className="btn btn-primary mb-3">{siteName.name}</button>;
             })}
           </div>
         </div>

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

@@ -32,8 +32,15 @@ const CustomBotWithProxySettings = (props) => {
 
       {/* TODO delete tmp props */}
       <CustomBotWithProxyIntegrationCard
-        siteNames={['siteName1', 'siteName2', 'siteName3']}
-        slackWorkSpaceNames={['wsName1', 'wsName2']}
+        siteNames={
+          [
+            { name: 'siteName1', active: true },
+            { name: 'siteName2', active: false },
+            { name: 'siteName3', active: false },
+          ]
+        }
+        slackWorkSpaceNames={
+          ['wsName1', 'wsName2']}
         isSlackScopeSet
       />
       <h2 className="admin-setting-header">{t('admin:slack_integration.cooperation_procedure')}</h2>