From 440e95515a01fbad63cd5616b4b807e3893198cb Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Mon, 26 Aug 2024 15:33:07 +0200
Subject: [PATCH] feat: add new items to the main menu

---
 app/(prowler)/categories/page.tsx             | 12 ++++++++
 .../{integration => integrations}/page.tsx    |  4 +--
 app/(prowler)/workloads/page.tsx              | 12 ++++++++
 components/ui/sidebar/SidebarItems.tsx        | 30 +++++++++++++------
 4 files changed, 47 insertions(+), 11 deletions(-)
 create mode 100644 app/(prowler)/categories/page.tsx
 rename app/(prowler)/{integration => integrations}/page.tsx (59%)
 create mode 100644 app/(prowler)/workloads/page.tsx

diff --git a/app/(prowler)/categories/page.tsx b/app/(prowler)/categories/page.tsx
new file mode 100644
index 0000000000..1a5650d8af
--- /dev/null
+++ b/app/(prowler)/categories/page.tsx
@@ -0,0 +1,12 @@
+import { Spacer } from "@nextui-org/react";
+
+import { Header } from "@/components/ui";
+
+export default async function Categories() {
+  return (
+    <>
+      <Header title="Categories" icon="material-symbols:folder-open-outline" />
+      <Spacer y={4} />
+    </>
+  );
+}
diff --git a/app/(prowler)/integration/page.tsx b/app/(prowler)/integrations/page.tsx
similarity index 59%
rename from app/(prowler)/integration/page.tsx
rename to app/(prowler)/integrations/page.tsx
index 576089371b..a930f1ed36 100644
--- a/app/(prowler)/integration/page.tsx
+++ b/app/(prowler)/integrations/page.tsx
@@ -2,10 +2,10 @@ import React from "react";
 
 import { Header } from "@/components/ui";
 
-export default function Integration() {
+export default function Integrations() {
   return (
     <>
-      <Header title="Integration" icon="tabler:puzzle" />
+      <Header title="Integrations" icon="tabler:puzzle" />
 
       <p>Hi hi from Integration page</p>
     </>
diff --git a/app/(prowler)/workloads/page.tsx b/app/(prowler)/workloads/page.tsx
new file mode 100644
index 0000000000..3cadd0d1ca
--- /dev/null
+++ b/app/(prowler)/workloads/page.tsx
@@ -0,0 +1,12 @@
+import { Spacer } from "@nextui-org/react";
+
+import { Header } from "@/components/ui";
+
+export default async function Workloads() {
+  return (
+    <>
+      <Header title="Workloads" icon="lucide:tags" />
+      <Spacer y={4} />
+    </>
+  );
+}
diff --git a/components/ui/sidebar/SidebarItems.tsx b/components/ui/sidebar/SidebarItems.tsx
index 20cf4d3533..43f01dfa66 100644
--- a/components/ui/sidebar/SidebarItems.tsx
+++ b/components/ui/sidebar/SidebarItems.tsx
@@ -126,12 +126,6 @@ export const sectionItems: SidebarItem[] = [
       //     />
       //   ),
       // },
-      {
-        key: "services",
-        href: "/services",
-        icon: "material-symbols:linked-services-outline",
-        title: "Services",
-      },
       {
         key: "compliance",
         href: "/compliance",
@@ -143,6 +137,24 @@ export const sectionItems: SidebarItem[] = [
           </Chip>
         ),
       },
+      {
+        key: "services",
+        href: "/services",
+        icon: "material-symbols:linked-services-outline",
+        title: "Services",
+      },
+      {
+        key: "categories",
+        href: "/categories",
+        icon: "material-symbols:folder-open-outline",
+        title: "Categories",
+      },
+      {
+        key: "workloads",
+        href: "/workloads",
+        icon: "lucide:tags",
+        title: "Workloads",
+      },
     ],
   },
   {
@@ -190,10 +202,10 @@ export const sectionItems: SidebarItem[] = [
         ),
       },
       {
-        key: "integration",
-        href: "/integration",
+        key: "integrations",
+        href: "/integrations",
         icon: "tabler:puzzle",
-        title: "Integration",
+        title: "Integrations",
       },
       {
         key: "settings",