[pull] main from KelvinTegelaar:main

public/version_latest.txt

@@ -1 +1 @@
-4.8.0
+4.9.1

src/_nav.jsx

@@ -124,13 +124,13 @@ const _nav = [
       },
       {
         component: CNavItem,
-        name: 'Alerts Wizard',
-        to: '/tenant/administration/alertswizard',
+        name: 'Alerts (Classic)',
+        to: '/tenant/administration/alertsqueue',
       },
       {
         component: CNavItem,
-        name: 'Alerts Configuration',
-        to: '/tenant/administration/alertsqueue',
+        name: 'Alert Rules',
+        to: '/tenant/administration/AlertRules',
       },
       {
         component: CNavItem,
@@ -142,6 +142,11 @@ const _nav = [
         name: 'App Consent Requests',
         to: '/tenant/administration/app-consent-requests',
       },
+      {
+        component: CNavItem,
+        name: 'Tenant Onboarding',
+        to: '/tenant/administration/tenant-onboarding-wizard',
+      },
       {
         component: CNavItem,
         name: 'Tenant Offboarding',

src/adminRoutes.js

@@ -14,6 +14,9 @@ const appapproval = React.lazy(() => import('src/views/cipp/AppApproval'))
 const TenantOffboardingWizard = React.lazy(() =>
   import('src/views/tenant/administration/TenantOffboardingWizard'),
 )
+const TenantOnboardingWizard = React.lazy(() =>
+  import('src/views/tenant/administration/TenantOnboardingWizard'),
+)
 
 const adminRoutes = [
   { path: '/cipp', name: 'CIPP' },
@@ -46,6 +49,11 @@ const adminRoutes = [
     name: 'Tenant Offboarding',
     component: TenantOffboardingWizard,
   },
+  {
+    path: '/tenant/administration/tenant-onboarding-wizard',
+    name: 'Tenant Onboarding',
+    component: TenantOnboardingWizard,
+  },
 ]
 
 export default adminRoutes

src/components/buttons/TableModalButton.jsx

@@ -3,8 +3,16 @@ import { CButton } from '@coreui/react'
 import { ModalService } from '../utilities'
 import { cellGenericFormatter } from '../tables/CellGenericFormat'
 import PropTypes from 'prop-types'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
-export default function TableModalButton({ data, title, className, countOnly = false, ...input }) {
+export default function TableModalButton({
+  data,
+  title,
+  className,
+  countOnly = false,
+  icon = '',
+  ...input
+}) {
   const handleTable = (data) => {
     const QueryColumns = []
     const columns = Object.keys(data[0]).map((key) => {
@@ -31,6 +39,7 @@ export default function TableModalButton({ data, title, className, countOnly = f
 
   return (
     <CButton {...input} className={buttonClass} onClick={() => handleTable(data)}>
+      {icon != '' && <FontAwesomeIcon icon={icon} className="me-2" />}
       <>{countOnly === true ? data.length : `${title} (${data.length})`}</>
     </CButton>
   )