diff --git a/ui/CHANGELOG.md b/ui/CHANGELOG.md
index 97f0049a89..b81e8c1e1d 100644
--- a/ui/CHANGELOG.md
+++ b/ui/CHANGELOG.md
@@ -2,6 +2,12 @@
All notable changes to the **Prowler UI** are documented in this file.
+## [1.12.1] (Prowler v5.12.1)
+
+### 🚀 Added
+
+- `Prowler Hub` menu item with tooltip [(#8692)] (https://github.com/prowler-cloud/prowler/pull/8692)
+
## [1.12.0] (Prowler v5.12.0)
### 🚀 Added
diff --git a/ui/components/ui/sidebar/menu.tsx b/ui/components/ui/sidebar/menu.tsx
index 251bb3dd1f..4b32d06790 100644
--- a/ui/components/ui/sidebar/menu.tsx
+++ b/ui/components/ui/sidebar/menu.tsx
@@ -105,7 +105,7 @@ export const Menu = ({ isOpen }: { isOpen: boolean }) => {
className={cn(
"w-full",
groupLabel ? "pt-2" : "",
- "last:!mt-auto",
+ index === filteredMenuList.length - 2 && "!mt-auto",
)}
key={index}
>
@@ -138,8 +138,9 @@ export const Menu = ({ isOpen }: { isOpen: boolean }) => {
active,
submenus,
defaultOpen,
+ target,
+ tooltip,
} = menu;
-
return !submenus || submenus.length === 0 ? (
@@ -156,7 +157,7 @@ export const Menu = ({ isOpen }: { isOpen: boolean }) => {
className="mb-1 h-8 w-full justify-start"
asChild
>
-
+
@@ -175,9 +176,9 @@ export const Menu = ({ isOpen }: { isOpen: boolean }) => {
- {isOpen === false && (
+ {tooltip && (
- {label}
+ {tooltip}
)}
diff --git a/ui/lib/menu-list.ts b/ui/lib/menu-list.ts
index c96edc6a77..eed62aaa85 100644
--- a/ui/lib/menu-list.ts
+++ b/ui/lib/menu-list.ts
@@ -21,6 +21,7 @@ import {
Warehouse,
} from "lucide-react";
+import { ProwlerShort } from "@/components/icons";
import {
APIdocIcon,
AWSIcon,
@@ -197,6 +198,18 @@ export const getMenuList = ({
},
],
},
+ {
+ groupLabel: "",
+ menus: [
+ {
+ href: "https://hub.prowler.com/",
+ label: "Prowler Hub",
+ icon: ProwlerShort,
+ target: "_blank",
+ tooltip: "Looking for all available checks? learn more.",
+ },
+ ],
+ },
{
groupLabel: "",
menus: [
diff --git a/ui/types/components.ts b/ui/types/components.ts
index 0fbb838787..fa6e10859c 100644
--- a/ui/types/components.ts
+++ b/ui/types/components.ts
@@ -31,6 +31,8 @@ export type MenuProps = {
icon: IconComponent;
submenus?: SubmenuProps[];
defaultOpen?: boolean;
+ target?: string;
+ tooltip?: string;
};
export type GroupProps = {