feat: updated plus button

This commit is contained in:
=
2024-10-02 00:39:45 +05:30
parent a4091bfcdd
commit 3edd48a8b3
@@ -5,7 +5,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
import { twMerge } from "tailwind-merge"; import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications"; import { createNotification } from "@app/components/notifications";
import { Button, IconButton, Modal, ModalContent, ModalTrigger, Tooltip } from "@app/components/v2"; import { Button, Modal, ModalContent, ModalTrigger, Tooltip } from "@app/components/v2";
import { ProjectPermissionSub, useWorkspace } from "@app/context"; import { ProjectPermissionSub, useWorkspace } from "@app/context";
import { usePopUp } from "@app/hooks"; import { usePopUp } from "@app/hooks";
import { useGetProjectRoleBySlug, useUpdateProjectRole } from "@app/hooks/api"; import { useGetProjectRoleBySlug, useUpdateProjectRole } from "@app/hooks/api";
@@ -105,18 +105,20 @@ export const RolePermissionsSection = ({ roleSlug, isDisabled }: Props) => {
isOpen={popUp.createPolicy.isOpen} isOpen={popUp.createPolicy.isOpen}
onOpenChange={(isOpen) => handlePopUpToggle("createPolicy", isOpen)} onOpenChange={(isOpen) => handlePopUpToggle("createPolicy", isOpen)}
> >
<ModalTrigger asChild disabled={isDisabled}> <Tooltip content="New policy">
<IconButton <div>
isDisabled={isDisabled} <ModalTrigger asChild disabled={isDisabled}>
ariaLabel="new-policy" <Button
className="rounded-l-none bg-mineshaft-600 p-3" isDisabled={isDisabled}
variant="outline_bg" className="h-10 rounded-l-none"
> variant="outline_bg"
<Tooltip content="New policy"> leftIcon={<FontAwesomeIcon icon={faPlus} />}
<FontAwesomeIcon icon={faPlus} /> >
</Tooltip> New policy
</IconButton> </Button>
</ModalTrigger> </ModalTrigger>
</div>
</Tooltip>
<ModalContent <ModalContent
title="New Policy" title="New Policy"
subTitle="Policies grant additional permissions." subTitle="Policies grant additional permissions."