forked from baron/baron-sso
fix(adminfront): fix lint error in AppLayout.tsx
- Define NavItem interface to properly type navigation items - Remove unsafe 'as any' cast in navigation mapping
This commit is contained in:
@@ -27,7 +27,14 @@ import {
|
|||||||
import LanguageSelector from "../common/LanguageSelector";
|
import LanguageSelector from "../common/LanguageSelector";
|
||||||
import RoleSwitcher from "./RoleSwitcher";
|
import RoleSwitcher from "./RoleSwitcher";
|
||||||
|
|
||||||
const staticNavItems = [
|
interface NavItem {
|
||||||
|
label: string;
|
||||||
|
to: string;
|
||||||
|
icon: React.ComponentType<{ size?: number | string }>;
|
||||||
|
isExternal?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
const staticNavItems: NavItem[] = [
|
||||||
{ label: "ui.admin.nav.overview", to: "/", icon: LayoutDashboard },
|
{ label: "ui.admin.nav.overview", to: "/", icon: LayoutDashboard },
|
||||||
{ label: "ui.admin.nav.users", to: "/users", icon: Users },
|
{ label: "ui.admin.nav.users", to: "/users", icon: Users },
|
||||||
{ label: "ui.admin.nav.api_keys", to: "/api-keys", icon: Key },
|
{ label: "ui.admin.nav.api_keys", to: "/api-keys", icon: Key },
|
||||||
@@ -443,9 +450,8 @@ function AppLayout() {
|
|||||||
</div>
|
</div>
|
||||||
<nav className="px-2 pb-4 md:px-3 md:pb-8">
|
<nav className="px-2 pb-4 md:px-3 md:pb-8">
|
||||||
<div className="flex flex-col gap-1">
|
<div className="flex flex-col gap-1">
|
||||||
{navItems.map((item) => {
|
{navItems.map((item: NavItem) => {
|
||||||
const { label, to, icon: Icon } = item;
|
const { label, to, icon: Icon, isExternal } = item;
|
||||||
const isExternal = (item as any).isExternal;
|
|
||||||
const isOrgChart = location.pathname === "/tenants/org-chart";
|
const isOrgChart = location.pathname === "/tenants/org-chart";
|
||||||
const isTenantsRoot = to === "/tenants";
|
const isTenantsRoot = to === "/tenants";
|
||||||
const isCustomActive = isTenantsRoot
|
const isCustomActive = isTenantsRoot
|
||||||
|
|||||||
Reference in New Issue
Block a user