Fix: Display "Locked" badge for locked invoices instead of ₹0.00 in Total column

[Copilot]

Proposed Changes

Locked invoices displayed ₹0.00 in the Total column of the Patient Accounts → Invoices table, creating ambiguity about whether the invoice had no value or was simply locked.

Changes:

• Modified InvoicesData.tsx to conditionally render Total column based on invoice.locked state
• Display "Locked" badge with lock icon when invoice.locked === true
• Display MonetaryDisplay with invoice.total_gross when invoice is not locked
• Badge styling matches existing locked badge in invoice detail page (variant="secondary")

<TableCell>
  {invoice.locked ? (
    <Badge variant="secondary" className="gap-1">
      <CareIcon icon="l-lock" className="size-3" />
      {t("locked")}
    </Badge>
  ) : (
    <MonetaryDisplay
      className="font-medium"
      amount={String(invoice.total_gross)}
    />
  )}
</TableCell>

Tagging: @ohcnetwork/care-fe-code-reviewers

Merge Checklist

• Add specs that demonstrate the bug or test the new feature.
• Update product documentation.
• Ensure that UI text is placed in I18n files.
• Prepare a screenshot or demo video for the changelog entry and attach it to the issue.
• Request peer reviews.
• Complete QA on mobile devices.
• Complete QA on desktop devices.
• Add or update Playwright tests for related changes

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Bug: Locked invoices show total as ₹0.00 in Patient Accounts table</issue_title>
<issue_description>Describe the bug

On the Patient Accounts → Invoices table, when an invoice is locked, the Total column displays ₹0.00 instead of indicating that the invoice is locked. This creates confusion and makes the UI inconsistent with how locked invoices are represented elsewhere.

Current Behavior

• Invoice status shows Issued / Balanced
• Invoice is Locked
• Total column shows ₹0.00

This is misleading, as the invoice does have an amount but is locked from further changes.

Expected behavior

When an invoice is locked, the Total column should not display ₹0.00

Instead, it should display a “Locked” badge/label, consistent with the existing Locked badge UI used in:

• Invoice detail page header
• Other areas where the locked state is communicated

Steps to reproduce

• Go to Billing → Accounts
• Open a patient account
• Navigate to the Invoices tab
• Lock an invoice
• Observe the Total column in the invoice table

Screenshots

---

🚨 DO NOT EDIT BELOW THIS LINE 🚨

Instructions for Requesting Assignment:

To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:

Describe your solution clearly:
Provide a detailed explanation of your proposed solution, including your approach, key implementation steps, and relevant examples or references. Mention any dependencies, assumptions, or risks you foresee that might affect your timeline or implementation.

Expected Timeline:

• End date: [Expected submission date of a completed Pull Request]

Additional Context:
Include any other relevant context, links, screenshots, or resources that support your proposed solution.

🚨 Your assignment may be unassigned if there is no activity or progress within the stated timeline unless communicated clearly and agreed upon.
</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Bug: Locked invoices show total as ₹0.00 in Patient Accounts table #14970

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Note

Other AI code review bot(s) detected

CodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Pull request overview

This PR fixes the display of locked invoices in the Patient Accounts → Invoices table by replacing the misleading ₹0.00 total with a "Locked" badge that includes a lock icon, improving clarity and consistency with the invoice detail page.

Key Changes:

• Added conditional rendering to the Total column based on invoice locked state
• Displays "Locked" badge with lock icon for locked invoices instead of monetary value

[Copilot]

The new conditional rendering logic for locked invoices lacks test coverage. Consider adding Playwright tests to verify that locked invoices display the 'Locked' badge instead of the monetary value, and that unlocked invoices continue to display the monetary value correctly.

[gigincg]

@copilot Can you file an issue for that?

[github-actions]

🎭 Playwright Test Results

Status: ✅ Passed
Test Shards: 3

Metric	Count
Total Tests	251
✅ Passed	251
❌ Failed	0
⏭️ Skipped	0

📊 Detailed results are available in the playwright-final-report artifact.

_{Run: #4159}

[gigincg]

@copilot Can you file an issue for that?

[github-actions]

@nihal467 @Copilot Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌