first commit
This commit is contained in:
173
frontend/app/layout.tsx
Normal file
173
frontend/app/layout.tsx
Normal file
@@ -0,0 +1,173 @@
|
||||
"use client";
|
||||
import "@progress/kendo-licensing";
|
||||
import "@progress/kendo-theme-default/dist/all.css";
|
||||
import React from "react";
|
||||
|
||||
import { ProviderWrapper } from "ikoncomponents";
|
||||
|
||||
import { Oswald, Outfit, Poppins } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { RenderSidebarNav } from "ikoncomponents/dist/ikoncomponents/main-layout/nav-main";
|
||||
import { SidebarNavItem } from "ikoncomponents/dist/ikoncomponents/main-layout/SidebarNavContext";
|
||||
import { AppCacheProvider } from "@/app/utils/context/AppCacheContext";
|
||||
|
||||
import {
|
||||
Bot,
|
||||
Files,
|
||||
Home,
|
||||
icons,
|
||||
LayoutDashboard,
|
||||
Settings,
|
||||
User,
|
||||
} from "lucide-react";
|
||||
|
||||
const poppins = Poppins({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-poppins",
|
||||
});
|
||||
|
||||
const outfit = Outfit({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-outfit",
|
||||
});
|
||||
|
||||
const oswald = Oswald({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-oswald",
|
||||
});
|
||||
|
||||
// export const metadata: Metadata = {
|
||||
// title: "Create Next App",
|
||||
// description: "Generated by create next app",
|
||||
// };
|
||||
|
||||
const navMain: SidebarNavItem[] = [
|
||||
// {
|
||||
// title: "Main",
|
||||
// url: "/main",
|
||||
// icon: Home,
|
||||
// default: true,
|
||||
// items: [
|
||||
// {
|
||||
// title: "Dashboard",
|
||||
// url: "/main/dashboard",
|
||||
// icons: Home,
|
||||
// },
|
||||
// {
|
||||
// title: "Projects",
|
||||
// url: "/main/projects",
|
||||
// },
|
||||
|
||||
// {
|
||||
// title: "Tasks",
|
||||
// url: "/main/tasks",
|
||||
// },
|
||||
// {
|
||||
// title: "Sprints",
|
||||
// url: "/main/sprints",
|
||||
// },
|
||||
|
||||
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// title: "Analytics",
|
||||
// url: "/analytics",
|
||||
// icon: Bot,
|
||||
// default: true,
|
||||
// items: [
|
||||
// {
|
||||
// title: "Analytics",
|
||||
// url: "/analytics/Analytics",
|
||||
// },
|
||||
// {
|
||||
// title: "Ai Insights",
|
||||
// url: "/analytics/ai-insights",
|
||||
// },
|
||||
|
||||
// {
|
||||
// title: "Ai Assessment",
|
||||
// url: "/analytics/ai-assessment",
|
||||
// },
|
||||
// {
|
||||
// title: "Reports",
|
||||
// url: "/analytics/reports",
|
||||
// },
|
||||
|
||||
// {
|
||||
// title: "Resources",
|
||||
// url: "/analytics/resources",
|
||||
// },
|
||||
// {
|
||||
// title: "Project Access",
|
||||
// url: "/analytics/project-access",
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
|
||||
|
||||
// {
|
||||
// title: "Management",
|
||||
// url: "#",
|
||||
// icon: Files,
|
||||
// isActive: true,
|
||||
// items: [
|
||||
// {
|
||||
// title: "Portfolios",
|
||||
// url: "/management/portfolios",
|
||||
// },
|
||||
// {
|
||||
// title: "Risks",
|
||||
// url: "/management/risks",
|
||||
// },
|
||||
|
||||
// {
|
||||
// title: "Changes",
|
||||
// url: "/management/changes",
|
||||
// },
|
||||
// {
|
||||
// title: "Automation",
|
||||
// url: "/management/automation",
|
||||
// },
|
||||
|
||||
// {
|
||||
// title: "Integration",
|
||||
// url: "/management/integration",
|
||||
// },
|
||||
// {
|
||||
// title: "settings",
|
||||
// url: "/management/settings",
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
|
||||
];
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<body
|
||||
className={`${poppins.variable} ${outfit.variable} ${oswald.variable} antialiased`}
|
||||
>
|
||||
|
||||
<ProviderWrapper baseUrl={process.env.NEXT_PUBLIC_IKON_API_URL || ""} platformUrl={process.env.NEXT_PUBLIC_IKON_PLATFORM_UI_URL || ""} >
|
||||
|
||||
<RenderSidebarNav items={navMain} sidebarHeader={
|
||||
<h2 className="flex items-center gap-2 text-md mb-5 mt-2">
|
||||
<User size={18} />
|
||||
Project AI
|
||||
</h2>
|
||||
} />
|
||||
<AppCacheProvider>{children}</AppCacheProvider>
|
||||
</ProviderWrapper>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user