feat: adds messages to in_review BLI

HHS · Nov 7, 2024 · f7c337e · f7c337e
1 parent b8d22cf
commit f7c337e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/frontend/src/components/CANs/CANBudgetLineTable/CANBudgetLineTable.jsx b/frontend/src/components/CANs/CANBudgetLineTable/CANBudgetLineTable.jsx
@@ -26,6 +26,7 @@ const CANBudgetLineTable = ({ budgetLines }) => {
             {budgetLines.map((budgetLine) => (
                 <CANBudgetLineTableRow
                     key={budgetLine.id}
+                    budgetLine={budgetLine}
                     blId={budgetLine.id}
                     agreementName="TBD"
                     obligateDate={formatDateNeeded(budgetLine.date_needed || "")}

diff --git a/frontend/src/components/CANs/CANBudgetLineTable/CANBudgetLineTableRow.jsx b/frontend/src/components/CANs/CANBudgetLineTable/CANBudgetLineTableRow.jsx
@@ -15,13 +15,15 @@ import {
 } from "../../UI/TableRowExpandable/TableRowExpandable.helpers";
 import { useTableRow } from "../../UI/TableRowExpandable/TableRowExpandable.hooks";
 import TableTag from "../../UI/TableTag";
+import { useChangeRequestsForTooltip } from "../../../hooks/useChangeRequests.hooks";
 
 /**
  * @typedef {import("../../../components/BudgetLineItems/BudgetLineTypes").BudgetLine} BudgetLine
  */
 
 /**
  * @typedef {Object} CANBudgetLineTableRowProps
+ * @property {BudgetLine} budgetLine
  * @property {number} blId
  * @property {string} agreementName - TODO
  * @property {string} obligateDate
@@ -43,6 +45,7 @@ import TableTag from "../../UI/TableTag";
  * @returns  {JSX.Element} - The component JSX.
  */
 const CANBudgetLineTableRow = ({
+    budgetLine,
     blId,
     agreementName,
     obligateDate,
@@ -57,6 +60,7 @@ const CANBudgetLineTableRow = ({
     procShopCode,
     procShopFeePercentage
 }) => {
+    const lockedMessage = useChangeRequestsForTooltip(budgetLine);
     const { isExpanded, setIsRowActive, setIsExpanded } = useTableRow();
     const borderExpandedStyles = removeBorderBottomIfExpanded(isExpanded);
     const bgExpandedStyles = changeBgColorIfExpanded(isExpanded);
@@ -118,6 +122,7 @@ const CANBudgetLineTableRow = ({
                 <TableTag
                     status={status}
                     inReview={inReview}
+                    lockedMessage={lockedMessage}
                 />
             </td>
         </>