From 3edd48a8b3b7caaf7c34a9995762cdc13966dbff Mon Sep 17 00:00:00 2001
From: = <akhilmhdh@gmail.com>
Date: Wed, 2 Oct 2024 00:28:27 +0530
Subject: [PATCH] feat: updated plus button

---
 .../RolePermissionsSection.tsx                | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx b/frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
index 5508fbca6..55d9a71cc 100644
--- a/frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
+++ b/frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
@@ -5,7 +5,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { twMerge } from "tailwind-merge";
 
 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 { usePopUp } from "@app/hooks";
 import { useGetProjectRoleBySlug, useUpdateProjectRole } from "@app/hooks/api";
@@ -105,18 +105,20 @@ export const RolePermissionsSection = ({ roleSlug, isDisabled }: Props) => {
                     isOpen={popUp.createPolicy.isOpen}
                     onOpenChange={(isOpen) => handlePopUpToggle("createPolicy", isOpen)}
                   >
-                    <ModalTrigger asChild disabled={isDisabled}>
-                      <IconButton
-                        isDisabled={isDisabled}
-                        ariaLabel="new-policy"
-                        className="rounded-l-none bg-mineshaft-600 p-3"
-                        variant="outline_bg"
-                      >
-                        <Tooltip content="New policy">
-                          <FontAwesomeIcon icon={faPlus} />
-                        </Tooltip>
-                      </IconButton>
-                    </ModalTrigger>
+                    <Tooltip content="New policy">
+                      <div>
+                        <ModalTrigger asChild disabled={isDisabled}>
+                          <Button
+                            isDisabled={isDisabled}
+                            className="h-10 rounded-l-none"
+                            variant="outline_bg"
+                            leftIcon={<FontAwesomeIcon icon={faPlus} />}
+                          >
+                            New policy
+                          </Button>
+                        </ModalTrigger>
+                      </div>
+                    </Tooltip>
                     <ModalContent
                       title="New Policy"
                       subTitle="Policies grant additional permissions."