From 6379dc9d82cc08edc79edd56e1f8470477aaa9f0 Mon Sep 17 00:00:00 2001
From: Krao Hasanee <kraohasanee@fourgebranding.com>
Date: Wed, 13 May 2026 12:25:04 -0400
Subject: [PATCH] Move company tabs below stats on invoices page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/client/MyInvoices.jsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/client/MyInvoices.jsx b/src/pages/client/MyInvoices.jsx
index 46fa43e..774d8d8 100644
--- a/src/pages/client/MyInvoices.jsx
+++ b/src/pages/client/MyInvoices.jsx
@@ -55,6 +55,21 @@ export default function MyInvoices() {
         </div>
       </div>
 
+      <div className="stats-grid" style={{ marginBottom: 24 }}>
+        <div className="stat-card stat-card-highlight">
+          <div className="stat-value" style={{ fontSize: 22 }}>${outstanding.toFixed(2)}</div>
+          <div className="stat-label">Outstanding</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-value" style={{ fontSize: 22 }}>${paid.toFixed(2)}</div>
+          <div className="stat-label">Paid</div>
+        </div>
+        <div className="stat-card">
+          <div className="stat-value" style={{ fontSize: 22, color: overdueCount > 0 ? 'var(--danger)' : undefined }}>{overdueCount}</div>
+          <div className="stat-label">Overdue</div>
+        </div>
+      </div>
+
       {companies.length > 1 && (
         <div style={{ marginBottom: 16, display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' }} className="card-title">
           {companies.map((company, index) => (
@@ -76,21 +91,6 @@ export default function MyInvoices() {
         </div>
       )}
 
-      <div className="stats-grid" style={{ marginBottom: 24 }}>
-        <div className="stat-card stat-card-highlight">
-          <div className="stat-value" style={{ fontSize: 22 }}>${outstanding.toFixed(2)}</div>
-          <div className="stat-label">Outstanding</div>
-        </div>
-        <div className="stat-card">
-          <div className="stat-value" style={{ fontSize: 22 }}>${paid.toFixed(2)}</div>
-          <div className="stat-label">Paid</div>
-        </div>
-        <div className="stat-card">
-          <div className="stat-value" style={{ fontSize: 22, color: overdueCount > 0 ? 'var(--danger)' : undefined }}>{overdueCount}</div>
-          <div className="stat-label">Overdue</div>
-        </div>
-      </div>
-
       {loading ? (
         <p style={{ color: 'var(--text-muted)' }}>Loading...</p>
       ) : visible.length === 0 ? (