Mohammadali
b0ce5ce2f9
feat(wallet): enhance wallet UI and transaction item display fix(profile): update profile detail card to handle loading and error states style: improve UI consistency across profile and wallet components
38 lines
No EOL
1.9 KiB
TypeScript
38 lines
No EOL
1.9 KiB
TypeScript
import React from 'react';
|
|
import TransactionItem from './transaction-item';
|
|
|
|
const transactions = [
|
|
{ id: 1, amount: 250000, description: 'واریز از کارت', type: 'deposit' },
|
|
{ id: 2, amount: 45000, description: 'پرداخت فاکتور', type: 'withdraw' },
|
|
{ id: 3, amount: 120000, description: 'واریز نقدی', type: 'deposit' },
|
|
{ id: 4, amount: 780000, description: 'حقوق ماهیانه', type: 'deposit' },
|
|
{ id: 5, amount: 320000, description: 'خرید از فروشگاه', type: 'withdraw' },
|
|
{ id: 6, amount: 560000, description: 'واریز چک', type: 'deposit' },
|
|
{ id: 7, amount: 95000, description: 'شارژ اینترنت', type: 'withdraw' },
|
|
{ id: 8, amount: 1500000, description: 'پرداخت وام', type: 'withdraw' },
|
|
{ id: 9, amount: 430000, description: 'واریز از همراه', type: 'deposit' },
|
|
{ id: 10, amount: 210000, description: 'خرید آنلاین', type: 'withdraw' },
|
|
{ id: 11, amount: 670000, description: 'پاداش عملکرد', type: 'deposit' },
|
|
{ id: 12, amount: 185000, description: 'پرداخت قبوض', type: 'withdraw' },
|
|
{ id: 13, amount: 920000, description: 'فروش کالا', type: 'deposit' },
|
|
{ id: 14, amount: 380000, description: 'انتقال به دوست', type: 'withdraw' },
|
|
{ id: 15, amount: 110000, description: 'بازگشت وجه', type: 'deposit' },
|
|
] as const;
|
|
|
|
const TransactionHistory = () => {
|
|
return (
|
|
<div className="w-full my-8">
|
|
{transactions.map((item, index) => (
|
|
<TransactionItem
|
|
key={item.id}
|
|
amount={item.amount}
|
|
description={item.description}
|
|
type={item.type}
|
|
isLast={index === transactions.length - 1}
|
|
/>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TransactionHistory; |