Changed "slack" to "slack-integration"

src/client/js/components/Admin/Common/AdminNavigation.jsx

@@ -14,18 +14,18 @@ const AdminNavigation = (props) => {
   // eslint-disable-next-line react/prop-types
   const MenuLabel = ({ menu }) => {
     switch (menu) {
-      case 'app':           return <><i className="icon-fw icon-settings"></i>        { t('App Settings') }</>;
-      case 'security':      return <><i className="icon-fw icon-shield"></i>          { t('security_settings') }</>;
-      case 'markdown':      return <><i className="icon-fw icon-note"></i>            { t('Markdown Settings') }</>;
-      case 'customize':     return <><i className="icon-fw icon-wrench"></i>          { t('Customize') }</>;
-      case 'importer':      return <><i className="icon-fw icon-cloud-upload"></i>    { t('Import Data') }</>;
-      case 'export':        return <><i className="icon-fw icon-cloud-download"></i>  { t('Export Archive Data') }</>;
-      case 'notification':  return <><i className="icon-fw icon-bell"></i>            { t('Notification Settings') }</>;
-      case 'slack':         return <><i className="icon-fw icon-paper-plane"></i>     { t('Slack Integration') }</>;
-      case 'users':         return <><i className="icon-fw icon-user"></i>            { t('User_Management') }</>;
-      case 'user-groups':   return <><i className="icon-fw icon-people"></i>          { t('UserGroup Management') }</>;
-      case 'search':        return <><i className="icon-fw icon-magnifier"></i>       { t('Full Text Search Management') }</>;
-      default:              return <><i className="icon-fw icon-home"></i>            { t('Wiki Management Home Page') }</>;
+      case 'app':               return <><i className="icon-fw icon-settings"></i>        { t('App Settings') }</>;
+      case 'security':          return <><i className="icon-fw icon-shield"></i>          { t('security_settings') }</>;
+      case 'markdown':          return <><i className="icon-fw icon-note"></i>            { t('Markdown Settings') }</>;
+      case 'customize':         return <><i className="icon-fw icon-wrench"></i>          { t('Customize') }</>;
+      case 'importer':          return <><i className="icon-fw icon-cloud-upload"></i>    { t('Import Data') }</>;
+      case 'export':            return <><i className="icon-fw icon-cloud-download"></i>  { t('Export Archive Data') }</>;
+      case 'notification':      return <><i className="icon-fw icon-bell"></i>            { t('Notification Settings') }</>;
+      case 'slack-integration': return <><i className="icon-fw icon-paper-plane"></i>     { t('Slack Integration') }</>;
+      case 'users':             return <><i className="icon-fw icon-user"></i>            { t('User_Management') }</>;
+      case 'user-groups':       return <><i className="icon-fw icon-people"></i>          { t('UserGroup Management') }</>;
+      case 'search':            return <><i className="icon-fw icon-magnifier"></i>       { t('Full Text Search Management') }</>;
+      default:                  return <><i className="icon-fw icon-home"></i>            { t('Wiki Management Home Page') }</>;
     }
   };
 
@@ -54,18 +54,18 @@ const AdminNavigation = (props) => {
   const getListGroupItemOrDropdownItemList = (isListGroupItems) => {
     return (
       <>
-        <MenuLink menu="home"         isListGroupItems isActive={pathname === '/admin'} isRoot />
-        <MenuLink menu="app"          isListGroupItems isActive={isActiveMenu('/app')} />
-        <MenuLink menu="security"     isListGroupItems isActive={isActiveMenu('/security')} />
-        <MenuLink menu="markdown"     isListGroupItems isActive={isActiveMenu('/markdown')} />
-        <MenuLink menu="customize"    isListGroupItems isActive={isActiveMenu('/customize')} />
-        <MenuLink menu="importer"     isListGroupItems isActive={isActiveMenu('/importer')} />
-        <MenuLink menu="export"       isListGroupItems isActive={isActiveMenu('/export')} />
-        <MenuLink menu="notification" isListGroupItems isActive={isActiveMenu('/notification') || isActiveMenu('/global-notification')} />
-        <MenuLink menu="slack"        isListGroupItems isActive={isActiveMenu('/slack')} />
-        <MenuLink menu="users"        isListGroupItems isActive={isActiveMenu('/users')} />
-        <MenuLink menu="user-groups"  isListGroupItems isActive={isActiveMenu('/user-groups')} />
-        <MenuLink menu="search"       isListGroupItems isActive={isActiveMenu('/search')} />
+        <MenuLink menu="home"              isListGroupItems isActive={pathname === '/admin'} isRoot />
+        <MenuLink menu="app"               isListGroupItems isActive={isActiveMenu('/app')} />
+        <MenuLink menu="security"          isListGroupItems isActive={isActiveMenu('/security')} />
+        <MenuLink menu="markdown"          isListGroupItems isActive={isActiveMenu('/markdown')} />
+        <MenuLink menu="customize"         isListGroupItems isActive={isActiveMenu('/customize')} />
+        <MenuLink menu="importer"          isListGroupItems isActive={isActiveMenu('/importer')} />
+        <MenuLink menu="export"            isListGroupItems isActive={isActiveMenu('/export')} />
+        <MenuLink menu="notification"      isListGroupItems isActive={isActiveMenu('/notification') || isActiveMenu('/global-notification')} />
+        <MenuLink menu="slack-integration" isListGroupItems isActive={isActiveMenu('/slack-integration')} />
+        <MenuLink menu="users"             isListGroupItems isActive={isActiveMenu('/users')} />
+        <MenuLink menu="user-groups"       isListGroupItems isActive={isActiveMenu('/user-groups')} />
+        <MenuLink menu="search"            isListGroupItems isActive={isActiveMenu('/search')} />
       </>
     );
   };
@@ -89,18 +89,18 @@ const AdminNavigation = (props) => {
           aria-expanded="false"
         >
           <span className="float-left">
-            {pathname === '/admin' &&         <MenuLabel menu="home" />}
-            {isActiveMenu('/app') &&          <MenuLabel menu="app" />}
-            {isActiveMenu('/security') &&     <MenuLabel menu="security" />}
-            {isActiveMenu('/markdown') &&     <MenuLabel menu="markdown" />}
-            {isActiveMenu('/customize') &&    <MenuLabel menu="customize" />}
-            {isActiveMenu('/importer') &&     <MenuLabel menu="importer" />}
-            {isActiveMenu('/export') &&       <MenuLabel menu="export" />}
+            {pathname === '/admin' &&              <MenuLabel menu="home" />}
+            {isActiveMenu('/app') &&               <MenuLabel menu="app" />}
+            {isActiveMenu('/security') &&          <MenuLabel menu="security" />}
+            {isActiveMenu('/markdown') &&          <MenuLabel menu="markdown" />}
+            {isActiveMenu('/customize') &&         <MenuLabel menu="customize" />}
+            {isActiveMenu('/importer') &&          <MenuLabel menu="importer" />}
+            {isActiveMenu('/export') &&            <MenuLabel menu="export" />}
             {(isActiveMenu('/notification') || isActiveMenu('/global-notification')) && <MenuLabel menu="notification" />}
-            {isActiveMenu('/slack') &&        <MenuLabel menu="slack" />}
-            {isActiveMenu('/users') &&        <MenuLabel menu="users" />}
-            {isActiveMenu('/user-groups') &&  <MenuLabel menu="user-groups" />}
-            {isActiveMenu('/search') &&       <MenuLabel menu="search" />}
+            {isActiveMenu('/slack-integration') && <MenuLabel menu="slack-integration" />}
+            {isActiveMenu('/users') &&             <MenuLabel menu="users" />}
+            {isActiveMenu('/user-groups') &&       <MenuLabel menu="user-groups" />}
+            {isActiveMenu('/search') &&            <MenuLabel menu="search" />}
           </span>
         </button>
         <div className="dropdown-menu" aria-labelledby="dropdown-admin-navigation">