admin/marco.pms.mobileapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
Manish 2025-11-10 12:13:17 +05:30
commit ef4329530a
2 changed files with 95 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
lib/helpers/widgets/my_custom_skeleton.dart
View File

@ -33,6 +33,99 @@ class SkeletonLoaders {
); );
} }
// Inside SkeletonLoaders class
static Widget paymentRequestListSkeletonLoader() {
return ListView.separated(
padding: const EdgeInsets.fromLTRB(12, 12, 12, 80),
itemCount: 6,
separatorBuilder: (_, __) =>
Divider(color: Colors.grey.shade300, height: 20),
itemBuilder: (context, index) {
return Container(
padding: const EdgeInsets.symmetric(vertical: 8),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Category name placeholder
Container(
height: 14,
width: 120,
decoration: BoxDecoration(
color: Colors.grey.shade300,
borderRadius: BorderRadius.circular(4),
),
),
const SizedBox(height: 6),
// Payee placeholder
Row(
children: [
Container(
height: 12,
width: 50,
decoration: BoxDecoration(
color: Colors.grey.shade200,
borderRadius: BorderRadius.circular(4),
),
),
const SizedBox(width: 8),
Expanded(
child: Container(
height: 12,
decoration: BoxDecoration(
color: Colors.grey.shade300,
borderRadius: BorderRadius.circular(4),
),
),
),
],
),
const SizedBox(height: 6),
// Due date and status placeholders
Row(
children: [
// Due date label + value
Row(
children: [
Container(
height: 12,
width: 50,
decoration: BoxDecoration(
color: Colors.grey.shade200,
borderRadius: BorderRadius.circular(4),
),
),
const SizedBox(width: 6),
Container(
height: 12,
width: 80,
decoration: BoxDecoration(
color: Colors.grey.shade300,
borderRadius: BorderRadius.circular(4),
),
),
],
),
const Spacer(),
// Status chip placeholder
Container(
height: 20,
width: 60,
decoration: BoxDecoration(
color: Colors.grey.shade300,
borderRadius: BorderRadius.circular(6),
),
),
],
),
],
),
);
},
);
}
// Add this inside SkeletonLoaders class // Add this inside SkeletonLoaders class
static Widget paymentRequestDetailSkeletonLoader() { static Widget paymentRequestDetailSkeletonLoader() {
return SingleChildScrollView( return SingleChildScrollView(

3
lib/view/finance/payment_request_screen.dart
View File

@ -9,6 +9,7 @@ import 'package:marco/model/finance/payment_request_filter_bottom_sheet.dart';
import 'package:marco/model/finance/add_payment_request_bottom_sheet.dart'; import 'package:marco/model/finance/add_payment_request_bottom_sheet.dart';
import 'package:marco/helpers/utils/date_time_utils.dart'; import 'package:marco/helpers/utils/date_time_utils.dart';
import 'package:marco/view/finance/payment_request_detail_screen.dart'; import 'package:marco/view/finance/payment_request_detail_screen.dart';
import 'package:marco/helpers/widgets/my_custom_skeleton.dart';
class PaymentRequestMainScreen extends StatefulWidget { class PaymentRequestMainScreen extends StatefulWidget {
const PaymentRequestMainScreen({super.key}); const PaymentRequestMainScreen({super.key});
@ -263,7 +264,7 @@ class _PaymentRequestMainScreenState extends State<PaymentRequestMainScreen>
return Obx(() { return Obx(() {
if (paymentController.isLoading.value && if (paymentController.isLoading.value &&
paymentController.paymentRequests.isEmpty) { paymentController.paymentRequests.isEmpty) {
return const Center(child: CircularProgressIndicator()); return SkeletonLoaders.paymentRequestListSkeletonLoader();
} }
final list = filteredList(isHistory: isHistory); final list = filteredList(isHistory: isHistory);