ben.carrasco/prowler
1
0
Fork 0
mirror of https://github.com/prowler-cloud/prowler.git synced 2026-07-23 20:42:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: add new items to the menu

Browse Source
This commit is contained in:
Pablo Lara
2024-09-19 12:41:24 +02:00
parent 035d06bbfe
commit ed9bbd30a3
2 changed files with 98 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/icons/prowler/ProwlerIcons.tsx
+1 -1
View File
@@ -4,7 +4,7 @@ import { IconSvgProps } from "../../../types/index";
export const ProwlerExtended: React.FC<IconSvgProps> = ({
size,
width = 216,
width = 164,
height,
...props
}) => (
components/ui/sidebar/SidebarWrap.tsx
+97 -9
View File
@@ -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"
/>