Make the account screen a bit nicer
This commit is contained in:
parent
e7e671f4cd
commit
1957c0711c
@ -169,6 +169,8 @@ class AccountListPageState extends State<AccountListPage> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|
||||||
|
Wrap(
|
||||||
|
children: [
|
||||||
Padding(
|
Padding(
|
||||||
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
|
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
|
||||||
child: TotalBalanceCard(),
|
child: TotalBalanceCard(),
|
||||||
@ -178,8 +180,6 @@ class AccountListPageState extends State<AccountListPage> {
|
|||||||
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
|
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
|
||||||
child: UpcomingTransactionsCard(),
|
child: UpcomingTransactionsCard(),
|
||||||
),
|
),
|
||||||
Wrap(
|
|
||||||
children: [
|
|
||||||
Padding(padding: EdgeInsets.all(8), child: BreakdownCard()),
|
Padding(padding: EdgeInsets.all(8), child: BreakdownCard()),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
@ -4,6 +4,7 @@ import 'package:okane/database/collections/account.dart';
|
|||||||
import 'package:okane/database/database.dart';
|
import 'package:okane/database/database.dart';
|
||||||
import 'package:okane/ui/state/core.dart';
|
import 'package:okane/ui/state/core.dart';
|
||||||
import 'package:okane/ui/utils.dart';
|
import 'package:okane/ui/utils.dart';
|
||||||
|
import 'package:okane/ui/widgets/piechart_card.dart';
|
||||||
|
|
||||||
class TotalBalanceCard extends StatelessWidget {
|
class TotalBalanceCard extends StatelessWidget {
|
||||||
const TotalBalanceCard({super.key});
|
const TotalBalanceCard({super.key});
|
||||||
@ -22,17 +23,11 @@ class TotalBalanceCard extends StatelessWidget {
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return BlocBuilder<CoreCubit, CoreState>(
|
return BlocBuilder<CoreCubit, CoreState>(
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
return Card(
|
return ResponsiveCard(
|
||||||
|
titleText: "Total Balance",
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: EdgeInsets.all(16),
|
padding: EdgeInsets.all(16),
|
||||||
child: Column(
|
child: FutureBuilder(
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
"Total balance",
|
|
||||||
style: Theme.of(context).textTheme.titleLarge,
|
|
||||||
),
|
|
||||||
FutureBuilder(
|
|
||||||
future: _getTotalBalance(state.accounts),
|
future: _getTotalBalance(state.accounts),
|
||||||
builder: (context, snapshot) {
|
builder: (context, snapshot) {
|
||||||
return Text(
|
return Text(
|
||||||
@ -41,8 +36,6 @@ class TotalBalanceCard extends StatelessWidget {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
@ -7,6 +7,7 @@ import 'package:okane/database/database.dart';
|
|||||||
import 'package:okane/ui/state/core.dart';
|
import 'package:okane/ui/state/core.dart';
|
||||||
import 'package:okane/ui/utils.dart';
|
import 'package:okane/ui/utils.dart';
|
||||||
import 'package:okane/ui/widgets/add_transaction.dart';
|
import 'package:okane/ui/widgets/add_transaction.dart';
|
||||||
|
import 'package:okane/ui/widgets/piechart_card.dart';
|
||||||
|
|
||||||
class UpcomingTransactionsCard extends StatelessWidget {
|
class UpcomingTransactionsCard extends StatelessWidget {
|
||||||
const UpcomingTransactionsCard({super.key});
|
const UpcomingTransactionsCard({super.key});
|
||||||
@ -72,19 +73,11 @@ class UpcomingTransactionsCard extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
)
|
)
|
||||||
.toList();
|
.toList();
|
||||||
return Card(
|
return ResponsiveCard(
|
||||||
|
titleText: "Upcoming Transactions",
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.all(16),
|
padding: const EdgeInsets.all(16),
|
||||||
child: Column(
|
child: Column(children: transactions),
|
||||||
children:
|
|
||||||
<Widget>[
|
|
||||||
Text(
|
|
||||||
"Upcoming Transactions",
|
|
||||||
style: Theme.of(context).textTheme.titleLarge,
|
|
||||||
),
|
|
||||||
] +
|
|
||||||
transactions,
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user