From 91280626a4b86b3acd790021da46a11116b57f58 Mon Sep 17 00:00:00 2001
From: Sagar Rajput <sagar@signoz.io>
Date: Thu, 13 Jun 2024 16:19:54 +0530
Subject: [PATCH] feat: added admin permission required message in tooltip

---
 .../src/container/AllAlertChannels/index.tsx  | 18 +++++++++---
 .../container/FormAlertRules/BasicInfo.tsx    | 28 +++++++++++++------
 2 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/frontend/src/container/AllAlertChannels/index.tsx b/frontend/src/container/AllAlertChannels/index.tsx
index 8038f17778..5f34264a60 100644
--- a/frontend/src/container/AllAlertChannels/index.tsx
+++ b/frontend/src/container/AllAlertChannels/index.tsx
@@ -1,5 +1,5 @@
 import { PlusOutlined } from '@ant-design/icons';
-import { Typography } from 'antd';
+import { Tooltip, Typography } from 'antd';
 import getAll from 'api/channels/getAll';
 import Spinner from 'components/Spinner';
 import TextToolTip from 'components/TextToolTip';
@@ -52,11 +52,21 @@ function AlertChannels(): JSX.Element {
 						url="https://signoz.io/docs/userguide/alerts-management/#setting-notification-channel"
 					/>
 
-					{addNewChannelPermission && (
-						<Button onClick={onToggleHandler} icon={<PlusOutlined />}>
+					<Tooltip
+						title={
+							!addNewChannelPermission
+								? 'Ask an admin to create alert channel'
+								: undefined
+						}
+					>
+						<Button
+							onClick={onToggleHandler}
+							icon={<PlusOutlined />}
+							disabled={!addNewChannelPermission}
+						>
 							{t('button_new_channel')}
 						</Button>
-					)}
+					</Tooltip>
 				</RightActionContainer>
 			</ButtonContainer>
 
diff --git a/frontend/src/container/FormAlertRules/BasicInfo.tsx b/frontend/src/container/FormAlertRules/BasicInfo.tsx
index d45f2fc7d3..5fae4a713d 100644
--- a/frontend/src/container/FormAlertRules/BasicInfo.tsx
+++ b/frontend/src/container/FormAlertRules/BasicInfo.tsx
@@ -162,7 +162,7 @@ function BasicInfo({
 					<Tooltip
 						title={
 							noChannels
-								? 'Create a notification channel to configure alert'
+								? 'No channels. Ask an admin to create a notification channel'
 								: undefined
 						}
 						placement="right"
@@ -179,7 +179,7 @@ function BasicInfo({
 					<Tooltip
 						title={
 							noChannels
-								? 'Create a notification channel to configure alert'
+								? 'No channels. Ask an admin to create a notification channel'
 								: undefined
 						}
 						placement="right"
@@ -209,14 +209,24 @@ function BasicInfo({
 					</Tooltip>
 				)}
 
-				{noChannels && addNewChannelPermission && (
-					<Button
-						onClick={handleCreateNewChannels}
-						icon={<PlusOutlined />}
-						className="create-notification-btn"
+				{noChannels && (
+					<Tooltip
+						title={
+							!addNewChannelPermission
+								? 'Ask an admin to create a notification channel'
+								: undefined
+						}
+						placement="right"
 					>
-						Create a notification channel
-					</Button>
+						<Button
+							onClick={handleCreateNewChannels}
+							icon={<PlusOutlined />}
+							className="create-notification-btn"
+							disabled={!addNewChannelPermission}
+						>
+							Create a notification channel
+						</Button>
+					</Tooltip>
 				)}
 			</FormContainer>
 		</>