diff --git a/frontend/src/component/admin/adminRoutes.ts b/frontend/src/component/admin/adminRoutes.ts
index ff5e7916ed..eed5467cd1 100644
--- a/frontend/src/component/admin/adminRoutes.ts
+++ b/frontend/src/component/admin/adminRoutes.ts
@@ -90,7 +90,7 @@ export const adminRoutes: INavigationMenuItem[] = [
{
path: '/admin/admin-invoices',
title: 'Billing & invoices',
- menu: { adminSettings: true, mode: ['pro'], billing: true },
+ menu: { adminSettings: true, billing: true },
group: 'instance',
},
{
diff --git a/frontend/src/component/admin/invoice/InvoiceList.tsx b/frontend/src/component/admin/invoice/InvoiceList.tsx
index 5e14509599..44924b449a 100644
--- a/frontend/src/component/admin/invoice/InvoiceList.tsx
+++ b/frontend/src/component/admin/invoice/InvoiceList.tsx
@@ -115,7 +115,7 @@ const InvoiceList = () => {
}
- elseShow={
{isLoaded && 'No invoices to show.'}
}
+ elseShow={{isLoaded && 'No invoices to show.'}}
/>
);
};
diff --git a/frontend/src/component/admin/menu/AdminTabsMenu.tsx b/frontend/src/component/admin/menu/AdminTabsMenu.tsx
index 8140bb0f9d..81c758984b 100644
--- a/frontend/src/component/admin/menu/AdminTabsMenu.tsx
+++ b/frontend/src/component/admin/menu/AdminTabsMenu.tsx
@@ -1,4 +1,4 @@
-import { useLocation, useNavigate } from 'react-router-dom';
+import { useLocation } from 'react-router-dom';
import { Paper, styled, Tab, Tabs } from '@mui/material';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import { CenteredNavLink } from './CenteredNavLink';
@@ -23,7 +23,6 @@ const StyledBadgeContainer = styled('div')(({ theme }) => ({
export const AdminTabsMenu: VFC = () => {
const { uiConfig, isPro, isOss } = useUiConfig();
const { pathname } = useLocation();
- const navigate = useNavigate();
const activeTab = pathname.split('/')[2];
diff --git a/frontend/src/component/admin/useAdminRoutes.ts b/frontend/src/component/admin/useAdminRoutes.ts
index 61b85f11de..1e4b529f86 100644
--- a/frontend/src/component/admin/useAdminRoutes.ts
+++ b/frontend/src/component/admin/useAdminRoutes.ts
@@ -10,8 +10,19 @@ export const useAdminRoutes = () => {
const showEnterpriseOptionsInPro = Boolean(
uiConfig?.flags?.frontendNavigationUpdate
);
+ const routes = [...adminRoutes];
- return adminRoutes
+ if (uiConfig.flags.UNLEASH_CLOUD) {
+ const adminBillingMenuItem = adminRoutes.findIndex(
+ route => route.title === 'Billing & invoices'
+ );
+ routes[adminBillingMenuItem] = {
+ ...routes[adminBillingMenuItem],
+ path: '/admin/billing',
+ };
+ }
+
+ return routes
.filter(filterByConfig(uiConfig))
.filter(route =>
filterAdminRoutes(