From a33abfa09f86c57197cad4a951a9a76d49958d5a Mon Sep 17 00:00:00 2001
From: preethamdnr <preethamdongari@gmail.com>
Date: Mon, 3 Feb 2025 19:05:25 -0600
Subject: [PATCH] Preetham_fixed the issue 2 blue square for overview
 permission.

---
 src/components/Warnings/WarningIcon.jsx  |  4 ++++
 src/components/Warnings/WarningIcons.jsx | 12 ++++++++++++
 src/components/Warnings/WarningItem.jsx  |  4 ++++
 3 files changed, 20 insertions(+)

diff --git a/src/components/Warnings/WarningIcon.jsx b/src/components/Warnings/WarningIcon.jsx
index 299e5e1381..8cca07d6f4 100644
--- a/src/components/Warnings/WarningIcon.jsx
+++ b/src/components/Warnings/WarningIcon.jsx
@@ -21,12 +21,16 @@ function WarningIcon(props) {
     warningText,
     handleModalTriggered,
     numberOfWarnings,
+    canIssueTrackingWarnings,
   } = props;
 
   const btnColor = color ? colors[color] : 'white';
 
   // eslint-disable-next-line no-shadow
   const handleIssueWarning = id => {
+    if (!canIssueTrackingWarnings) {
+      return;
+    }
     const today = moment().format('MM/DD/YYYY HH:mm:ss a');
     const [todaysDate, todaysTime, todaysTimeOfDay] = today.split(' ');
 
diff --git a/src/components/Warnings/WarningIcons.jsx b/src/components/Warnings/WarningIcons.jsx
index 3964d062df..b946e2aefb 100644
--- a/src/components/Warnings/WarningIcons.jsx
+++ b/src/components/Warnings/WarningIcons.jsx
@@ -9,6 +9,10 @@ function WarningIcons({
   warningText,
   handleModalTriggered,
   numberOfWarnings,
+  handleIssueWarning,
+  canIssueTrackingWarnings,
+  canIssueBlueSquare,
+  canDeleteWarning,
 }) {
   const filledWarnings = warnings.concat(Array.from({ length: Math.max(8 - warnings.length, 0) }));
 
@@ -25,6 +29,10 @@ function WarningIcons({
               warningText={warningText}
               handleModalTriggered={handleModalTriggered}
               numberOfWarnings={numberOfWarnings}
+              handleIssueWarning={handleIssueWarning}
+              canIssueTrackingWarnings={canIssueTrackingWarnings}
+              canIssueBlueSquare={canIssueBlueSquare}
+              canDeleteWarning={canDeleteWarning}
             />
           );
         }
@@ -36,6 +44,10 @@ function WarningIcons({
             warningText={warningText}
             handleModalTriggered={handleModalTriggered}
             numberOfWarnings={numberOfWarnings}
+            handleIssueWarning={handleIssueWarning}
+            canIssueTrackingWarnings={canIssueTrackingWarnings}
+            canIssueBlueSquare={canIssueBlueSquare}
+            canDeleteWarning={canDeleteWarning}
           />
         );
       })}
diff --git a/src/components/Warnings/WarningItem.jsx b/src/components/Warnings/WarningItem.jsx
index 952ef98313..113d3babec 100644
--- a/src/components/Warnings/WarningItem.jsx
+++ b/src/components/Warnings/WarningItem.jsx
@@ -72,6 +72,10 @@ function WarningItem({
           handleWarningIconClicked={handlePostWarningDetails}
           handleModalTriggered={handleModalTriggered}
           numberOfWarnings={warnings.length}
+          handleIssueWarning={handleIssueWarning}
+          canIssueTrackingWarnings={canIssueTrackingWarnings}
+          canIssueBlueSquare={canIssueBlueSquare}
+          canDeleteWarning={canDeleteWarning}
         />
         <p className="warning-text"> {warningText}</p>
       </div>