From e2dfc1f38369719c8d23ec0f83c59466dbd60f85 Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Tue, 8 Apr 2025 12:06:21 +0200
Subject: [PATCH] feat: add link with the service status using static icon 
 (#7468)

---
 ui/CHANGELOG.md                   |  1 +
 ui/components/ui/sidebar/menu.tsx | 25 +++++++++++++++++++++----
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/ui/CHANGELOG.md b/ui/CHANGELOG.md
index ea7a7565aa..4293088de4 100644
--- a/ui/CHANGELOG.md
+++ b/ui/CHANGELOG.md
@@ -13,6 +13,7 @@ All notable changes to the **Prowler UI** are documented in this file.
 - Accepted invitations can no longer be edited. [(#7198)](https://github.com/prowler-cloud/prowler/pull/7198)
 - Added download column in scans table to download reports for completed scans. [(#7353)](https://github.com/prowler-cloud/prowler/pull/7353)
 - Show muted icon when a finding is muted. [(#7378)](https://github.com/prowler-cloud/prowler/pull/7378)
+- Added static status icon with link to service status page. [(#7468)](https://github.com/prowler-cloud/prowler/pull/7468)
 
 #### 🔄 Changed
 
diff --git a/ui/components/ui/sidebar/menu.tsx b/ui/components/ui/sidebar/menu.tsx
index 154dd65684..f8c1188f10 100644
--- a/ui/components/ui/sidebar/menu.tsx
+++ b/ui/components/ui/sidebar/menu.tsx
@@ -1,11 +1,12 @@
 "use client";
 
+import { Divider } from "@nextui-org/react";
 import { Ellipsis, LogOut } from "lucide-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 
 import { logOut } from "@/actions/auth";
-import { AddIcon } from "@/components/icons";
+import { AddIcon, InfoIcon } from "@/components/icons";
 import { CollapseMenuButton } from "@/components/ui/sidebar/collapse-menu-button";
 import {
   Tooltip,
@@ -167,9 +168,25 @@ export const Menu = ({ isOpen }: { isOpen: boolean }) => {
         </TooltipProvider>
       </div>
 
-      <span className="text-muted-foreground border-border mt-2 border-t pt-2 text-center text-xs lg:mt-4">
-        {process.env.NEXT_PUBLIC_PROWLER_RELEASE_VERSION}
-      </span>
+      <div className="text-muted-foreground border-border mt-2 flex items-center justify-center gap-2 border-t pt-2 text-center text-xs">
+        <span>{process.env.NEXT_PUBLIC_PROWLER_RELEASE_VERSION}</span>
+        {process.env.NEXT_PUBLIC_IS_CLOUD_ENV === "true" && (
+          <>
+            <Divider orientation="vertical" />
+            <Link
+              href="https://status.prowler.com"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center gap-1"
+            >
+              <InfoIcon size={16} />
+              <span className="text-muted-foreground font-normal opacity-80 transition-opacity hover:font-bold hover:opacity-100">
+                Service Status
+              </span>
+            </Link>
+          </>
+        )}
+      </div>
     </>
   );
 };