\n Staff Payments\n

\n Manage payments to contractors, employees, and service providers\n

\n setShowAddPayment(true)}\n className=\"btn-primary\"\n >\n 👥 Record Payment\n \n

\n\n {/* Summary Cards */}\n

{formatCurrency(totalPayments)}

Total Staff Payments

{Object.keys(staffSummary).length}

Active Staff Members

{payments.length}

Total Payments

\n\n {/* Summary Breakdowns */}\n

Payments by Staff Member

\n {Object.entries(staffSummary)\n .sort(([,a], [,b]) => b.total - a.total)\n .slice(0, 8)\n .map(([name, data]) => (\n

{name}

{data.count} payments

\n {formatCurrency(data.total)}\n

\n ))}\n

\n\n

Payments by Role

\n {Object.entries(roleSummary)\n .sort(([,a], [,b]) => b - a)\n .slice(0, 8)\n .map(([role, total]) => (\n

\n {role}\n {formatCurrency(total)}\n

\n ))}\n

\n\n {/* Staff Payments Table */}\n

Payment Records

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {payments.map((payment) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

\n Staff Member\n	\n Role\n	\n Amount\n	\n Payment Date\n	\n Type\n	\n Tax Form\n	\n Description\n
\n {payment.staff_name}\n	\n \n {payment.role}\n \n	\n {formatCurrency(payment.amount)}\n {payment.payment_type === 'hourly' && payment.hours_worked && payment.hourly_rate && (\n \n {payment.hours_worked}h × {formatCurrency(payment.hourly_rate)}\n \n )}\n	\n {formatDate(payment.payment_date)}\n	\n \n {payment.payment_type}\n \n	\n {payment.tax_form_type}\n	\n {payment.description \|\| '-'}\n

\n\n {/* Add Staff Payment Modal */}\n {showAddPayment && (\n

Record Staff Payment

\n Staff Member Name\n \n

\n Role\n \n

\n Payment Type\n \n

\n Hours Worked\n \n

\n Hourly Rate\n \n

\n Amount\n \n

\n Payment Date\n \n

\n Tax Form Type\n \n

\n Description\n \n

\n setShowAddPayment(false)}\n className=\"btn-secondary\"\n >\n Cancel\n \n \n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/sakwah/NdaulaPM/code/frontend/components/StaffPayments.tsx","extension","actionData","errors"]