Account Statement UI Changed
This commit is contained in:
@@ -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);
|
|
||||||
},
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -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(
|
||||||
|
|||||||
Reference in New Issue
Block a user