Account Statement UI Changed

This commit is contained in:
2025-11-28 12:22:51 +05:30
parent 04a1ce26ec
commit 8aa5b170ca
2 changed files with 104 additions and 85 deletions

View File

@@ -145,12 +145,20 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
padding: const EdgeInsets.all(12.0), padding: const EdgeInsets.all(12.0),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [
Card(
margin: const EdgeInsets.only(bottom: 10),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
Text( Text(
AppLocalizations.of(context).accountNumber, AppLocalizations.of(context).accountNumber,
style: const TextStyle( style: const TextStyle(
fontWeight: FontWeight.w500, fontSize: 14), fontWeight: FontWeight.w500, fontSize: 17),
), ),
const VerticalDivider(width: 20, thickness: 1, indent: 5, endIndent: 5, color: Colors.grey),
DropdownButton<User>( DropdownButton<User>(
value: selectedUser, value: selectedUser,
onChanged: (User? newUser) { onChanged: (User? newUser) {
@@ -167,9 +175,17 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
child: Text(user.accountNo.toString()), child: Text(user.accountNo.toString()),
); );
}).toList(), }).toList(),
underline: Container(), // Remove the underline
), ),
const SizedBox(height: 15), Spacer(),
Row( ],
), ),
),
Card(
margin: const EdgeInsets.only(bottom: 10),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Row(
children: [ children: [
Text( Text(
"${AppLocalizations.of(context).availableBalance}: ", "${AppLocalizations.of(context).availableBalance}: ",
@@ -181,7 +197,8 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
style: const TextStyle(fontSize: 17)), style: const TextStyle(fontSize: 17)),
], ],
), ),
const SizedBox(height: 15), ),
),
Text( Text(
AppLocalizations.of(context).filters, AppLocalizations.of(context).filters,
style: const TextStyle(fontSize: 17), style: const TextStyle(fontSize: 17),
@@ -300,11 +317,14 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
Theme.of(context).colorScheme.onSurface, Theme.of(context).colorScheme.onSurface,
)), )),
) )
: ListView.separated( : ListView.builder(
itemCount: _transactions.length, itemCount: _transactions.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final tx = _transactions[index]; final tx = _transactions[index];
return ListTile( return Card(
margin: const EdgeInsets.symmetric(
horizontal: 0, vertical: 4),
child: ListTile(
leading: Icon( leading: Icon(
tx.type == 'CR' tx.type == 'CR'
? Symbols.call_received ? Symbols.call_received
@@ -326,8 +346,10 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
style: const TextStyle(fontSize: 12), style: const TextStyle(fontSize: 12),
), ),
trailing: Column( trailing: Column(
crossAxisAlignment: CrossAxisAlignment.end, crossAxisAlignment:
mainAxisAlignment: MainAxisAlignment.center, CrossAxisAlignment.end,
mainAxisAlignment:
MainAxisAlignment.center,
children: [ children: [
Text( Text(
"${tx.amount}", "${tx.amount}",
@@ -351,12 +373,9 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
), ),
); );
}, },
),
); );
}, },
separatorBuilder: (context, index) {
return Divider(
color: Theme.of(context).dividerColor);
},
), ),
), ),
], ],

View File

@@ -666,7 +666,7 @@ class _DashboardScreenState extends State<DashboardScreen>
const EnquiryScreen())); const EnquiryScreen()));
}), }),
_buildQuickLink( _buildQuickLink(
Symbols.request_quote, Symbols.checkbook,
AppLocalizations.of(context).chequeManagement, AppLocalizations.of(context).chequeManagement,
() { () {
Navigator.push( Navigator.push(