ferdiansyah/pos-dashboard-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

efril #18

Merged
aefril merged 2 commits from efril into main 2025-09-24 14:55:53 +00:00
Conversation 0 Commits 2 Files Changed 4 +18 -15
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d245074904 - Show all commits

33
src/views/dashboards/payment-methods/PaymentMethodReport.tsx
View File

@ -19,22 +19,25 @@ const PaymentMethodReport = ({ payments }: { payments: PaymentDataItem[] }) => {
<h2 className='text-xl font-semibold text-gray-900'>Payment Methods</h2> <h2 className='text-xl font-semibold text-gray-900'>Payment Methods</h2>
</div> </div>
<div className='space-y-6'> <div className='space-y-6'>
{payments && payments.map(method => ( {payments &&
<div key={method.payment_method_id} className='border-b border-gray-200 pb-4 last:border-b-0'> payments.map(method => (
<div className='flex justify-between items-center mb-2'> <div key={method.payment_method_id} className='border-b border-gray-200 pb-4 last:border-b-0'>
<span className='text-sm font-medium text-gray-900'>{method.payment_method_name}</span> <div className='flex justify-between items-center mb-2'>
<span className='text-sm text-gray-600'>{method.percentage.toFixed(1)}%</span> <span className='text-sm font-medium text-gray-900' translate='no'>
{method.payment_method_name}
</span>
<span className='text-sm text-gray-600'>{method.percentage.toFixed(1)}%</span>
</div>
<ProgressBar
percentage={method.percentage}
color={method.payment_method_type === 'cash' ? 'bg-green-500' : 'bg-blue-500'}
/>
<div className='flex justify-between items-center mt-2 text-xs text-gray-600'>
<span>{formatCurrency(method.total_amount)}</span>
<span>{method.order_count} orders</span>
</div>
</div> </div>
<ProgressBar ))}
percentage={method.percentage}
color={method.payment_method_type === 'cash' ? 'bg-green-500' : 'bg-blue-500'}
/>
<div className='flex justify-between items-center mt-2 text-xs text-gray-600'>
<span>{formatCurrency(method.total_amount)}</span>
<span>{method.order_count} orders</span>
</div>
</div>
))}
</div> </div>
</div> </div>
</div> </div>