\n Welcome back, {user.name}! 👋\n

\n Here's an overview of your fabrication bills and payment status.\n

\n\n {/* Stats Overview */}\n

{stats.totalBills}

Total Bills

{stats.pendingBills}

Pending

{stats.partialBills}

Partial

{stats.paidBills}

Paid

${stats.totalAmount.toFixed(2)}

Total Amount

${stats.outstandingAmount.toFixed(2)}

Outstanding

\n\n {/* Bills Section */}\n

Your Bills

\n View and manage your fabrication bills and payments\n

\n {bills.length === 0 ? (\n

📋

No bills yet

\n You don't have any bills assigned to you at the moment.\n

\n ) : (\n \n )}\n

\n\n {/* Quick Actions */}\n {stats.outstandingAmount > 0 && (\n

⚠️

\n Outstanding Balance: ${stats.outstandingAmount.toFixed(2)}\n

\n You have {stats.pendingBills + stats.partialBills} bill(s) with outstanding payments. \n Click on any bill to make a payment.\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Sujal5/c/code/frontend/components/CustomerDashboard.tsx","extension","actionData","errors"]