From ed9bbd30a39b3c7dcabd742791e6f80b9a95bf00 Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Thu, 19 Sep 2024 12:41:24 +0200
Subject: [PATCH] chore: add new items to the menu

---
 components/icons/prowler/ProwlerIcons.tsx |   2 +-
 components/ui/sidebar/SidebarWrap.tsx     | 106 ++++++++++++++++++++--
 2 files changed, 98 insertions(+), 10 deletions(-)

diff --git a/components/icons/prowler/ProwlerIcons.tsx b/components/icons/prowler/ProwlerIcons.tsx
index 17a1c8dd72..0229c6e0b5 100644
--- a/components/icons/prowler/ProwlerIcons.tsx
+++ b/components/icons/prowler/ProwlerIcons.tsx
@@ -4,7 +4,7 @@ import { IconSvgProps } from "../../../types/index";
 
 export const ProwlerExtended: React.FC<IconSvgProps> = ({
   size,
-  width = 216,
+  width = 164,
   height,
   ...props
 }) => (
diff --git a/components/ui/sidebar/SidebarWrap.tsx b/components/ui/sidebar/SidebarWrap.tsx
index a917a054ad..eaccfb9373 100644
--- a/components/ui/sidebar/SidebarWrap.tsx
+++ b/components/ui/sidebar/SidebarWrap.tsx
@@ -98,12 +98,12 @@ export const SidebarWrap = () => {
         })}
       >
         <Tooltip
-          content="Help & Feedback"
+          content="Feedback & Support"
           isDisabled={!isCompact}
           placement="right"
         >
           <Button
-            aria-label="Help & Feedback"
+            aria-label="Feedback & Support"
             fullWidth
             className={clsx(
               "justify-start truncate text-default-500 data-[hover=true]:text-foreground",
@@ -116,7 +116,7 @@ export const SidebarWrap = () => {
               isCompact ? null : (
                 <Icon
                   className="flex-none text-default-500"
-                  icon="solar:info-circle-line-duotone"
+                  icon="akar-icons:info"
                   width={24}
                   aria-hidden="true"
                 />
@@ -127,16 +127,104 @@ export const SidebarWrap = () => {
             {isCompact ? (
               <Icon
                 className="text-default-500"
-                icon="solar:info-circle-line-duotone"
+                icon="akar-icons:info"
                 width={24}
                 aria-hidden="true"
               />
             ) : (
-              "Help & Information"
+              "Feedback & Support"
             )}
           </Button>
         </Tooltip>
 
+        <Tooltip
+          content="Documentation"
+          isDisabled={!isCompact}
+          placement="right"
+        >
+          <Link
+            href="https://docs.prowler.com/projects/prowler-saas/en/latest/"
+            target="_blank"
+          >
+            <Button
+              aria-label="Documentation"
+              className={clsx(
+                "justify-start text-default-500 data-[hover=true]:text-foreground",
+                {
+                  "justify-center": isCompact,
+                },
+              )}
+              isIconOnly={isCompact}
+              startContent={
+                isCompact ? null : (
+                  <Icon
+                    className="flex-none text-default-500"
+                    icon="tabler:file-type-doc"
+                    width={24}
+                    aria-hidden="true"
+                  />
+                )
+              }
+              variant="light"
+            >
+              {isCompact ? (
+                <Icon
+                  className="text-default-500"
+                  icon="tabler:file-type-doc"
+                  width={24}
+                  aria-hidden="true"
+                />
+              ) : (
+                "Documentation"
+              )}
+            </Button>
+          </Link>
+        </Tooltip>
+
+        <Tooltip
+          content="Product Updates"
+          isDisabled={!isCompact}
+          placement="right"
+        >
+          <Link
+            href="https://docs.prowler.com/projects/prowler-saas/en/latest/"
+            target="_blank"
+          >
+            <Button
+              aria-label="Product Updates"
+              className={clsx(
+                "justify-start text-default-500 data-[hover=true]:text-foreground",
+                {
+                  "justify-center": isCompact,
+                },
+              )}
+              isIconOnly={isCompact}
+              startContent={
+                isCompact ? null : (
+                  <Icon
+                    className="flex-none text-default-500"
+                    icon="mdi:update"
+                    width={24}
+                    aria-hidden="true"
+                  />
+                )
+              }
+              variant="light"
+            >
+              {isCompact ? (
+                <Icon
+                  className="text-default-500"
+                  icon="mdi:update"
+                  width={24}
+                  aria-hidden="true"
+                />
+              ) : (
+                "Product Updates"
+              )}
+            </Button>
+          </Link>
+        </Tooltip>
+
         <Tooltip content="Log Out" isDisabled={!isCompact} placement="right">
           <Button
             aria-label="Log Out"
@@ -151,8 +239,8 @@ export const SidebarWrap = () => {
             startContent={
               isCompact ? null : (
                 <Icon
-                  className="flex-none rotate-180 text-default-500"
-                  icon="solar:minus-circle-line-duotone"
+                  className="flex-none text-default-500"
+                  icon="heroicons-outline:logout"
                   width={24}
                   aria-hidden="true"
                 />
@@ -162,8 +250,8 @@ export const SidebarWrap = () => {
           >
             {isCompact ? (
               <Icon
-                className="rotate-180 text-default-500"
-                icon="solar:minus-circle-line-duotone"
+                className="text-default-500"
+                icon="heroicons-outline:logout"
                 width={24}
                 aria-hidden="true"
               />