INFRA-2836 | Saurabh | Added Tooltip for save button and only for admins

src/Pages/Severity/SeverityForm.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import BorderedInput from '@navi/web-ui/lib/primitives/BorderedInput';
 import Button from '@navi/web-ui/lib/primitives/Button';
 import { toast } from '@navi/web-ui/lib/primitives/Toast';
-import { Typography } from '@navi/web-ui/lib/primitives';
+import { Tooltip, Typography } from '@navi/web-ui/lib/primitives';
 import { LoadingIcon } from '@navi/web-ui/lib/icons';
 
 import { ApiService } from '@src/services/api';
@@ -17,10 +17,12 @@ import {
 import styles from './Severity.module.scss';
 import { useSelector, useDispatch } from 'react-redux';
 import { setSeverities } from '@src/slices/sevSlice';
+import { useAuthData } from '../Team/Hook';
 
 const SeverityForm = (props: SeverityFormProps) => {
   const { severityId, isExpanded, setLastUpdatedAt } = props;
   const dispatch = useDispatch();
+  const Role = useAuthData();
   const severities = useSelector((state: any) => state.severity.memberData);
   const [slackUsers, setSlackUsers] = useState('');
   const [isLoading, setIsLoading] = useState<boolean>(false);
@@ -134,15 +136,34 @@ const SeverityForm = (props: SeverityFormProps) => {
             onChange={e => setSlackUsers(e.target.value)}
             hintMsg="Please enter the values separated by commas. "
             fullWidth
+            disabled={!Role.includes('Admin')}
           />
         </div>
-        <Button
-          className={styles['save-btn']}
-          variant="primary"
-          onClick={submitHandler}
-        >
-          Save
-        </Button>
+        {!Role.includes('Admin') ? (
+          <Tooltip
+            text="Only admin can add emails."
+            withPointer
+            position="right"
+          >
+            <Button
+              className={styles['save-btn']}
+              variant="primary"
+              onClick={submitHandler}
+              disabled={!Role.includes('Admin')}
+            >
+              Save
+            </Button>
+          </Tooltip>
+        ) : (
+          <Button
+            className={styles['save-btn']}
+            variant="primary"
+            onClick={submitHandler}
+            disabled={!Role.includes('Admin')}
+          >
+            Save
+          </Button>
+        )}
       </div>
     </div>
   );