first app design

2026-05-24 02:35:37 -04:00
parent c842eed601
commit d04c8ce437
138 changed files with 9672 additions and 0 deletions
@@ -0,0 +1,143 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:go_router/go_router.dart';
+import '../providers/dashboard_providers.dart';
+import '../../../widgets/loading_list.dart';
+import '../../../widgets/error_view.dart';
+import '../../../widgets/status_badge.dart';
+
+class CustomersScreen extends ConsumerStatefulWidget {
+  const CustomersScreen({super.key});
+
+  @override
+  ConsumerState<CustomersScreen> createState() => _CustomersScreenState();
+}
+
+class _CustomersScreenState extends ConsumerState<CustomersScreen> {
+  final _searchController = TextEditingController();
+  String _search = '';
+
+  @override
+  void dispose() {
+    _searchController.dispose();
+    super.dispose();
+  }
+
+  Map<String, dynamic> get _params => {
+        'page': 1,
+        'pageSize': 50,
+        if (_search.isNotEmpty) 'search': _search,
+      };
+
+  @override
+  Widget build(BuildContext context) {
+    final customersAsync = ref.watch(customersProvider(_params));
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Customers'),
+        bottom: PreferredSize(
+          preferredSize: const Size.fromHeight(60),
+          child: Padding(
+            padding: const EdgeInsets.fromLTRB(16, 0, 16, 8),
+            child: TextField(
+              controller: _searchController,
+              decoration: const InputDecoration(
+                hintText: 'Search customers...',
+                prefixIcon: Icon(Icons.search, size: 20),
+                contentPadding: EdgeInsets.symmetric(vertical: 8),
+              ),
+              onChanged: (v) => setState(() => _search = v),
+            ),
+          ),
+        ),
+      ),
+      body: customersAsync.when(
+        loading: () => const LoadingList(itemHeight: 80),
+        error: (e, _) => ErrorView(
+          message: 'Failed to load customers',
+          onRetry: () => ref.invalidate(customersProvider(_params)),
+        ),
+        data: (res) => res.data.isEmpty
+            ? const Center(
+                child: Text('No customers found',
+                    style: TextStyle(color: Color(0xFF9CA3AF))))
+            : RefreshIndicator(
+                onRefresh: () async =>
+                    ref.invalidate(customersProvider(_params)),
+                child: ListView.separated(
+                  padding: const EdgeInsets.all(16),
+                  itemCount: res.data.length,
+                  separatorBuilder: (_, _) => const SizedBox(height: 10),
+                  itemBuilder: (_, i) {
+                    final c = res.data[i];
+                    return Card(
+                      child: InkWell(
+                        onTap: () =>
+                            context.push('/dashboard/customers/${c.id}'),
+                        borderRadius: BorderRadius.circular(12),
+                        child: Padding(
+                          padding: const EdgeInsets.all(14),
+                          child: Row(
+                            children: [
+                              CircleAvatar(
+                                backgroundColor: c.isFlagged
+                                    ? const Color(0xFFFDE8E8)
+                                    : const Color(0xFFE1EFFE),
+                                radius: 22,
+                                child: Text(
+                                  c.firstName.substring(0, 1).toUpperCase(),
+                                  style: TextStyle(
+                                    color: c.isFlagged
+                                        ? const Color(0xFFE02424)
+                                        : const Color(0xFF1A56DB),
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                ),
+                              ),
+                              const SizedBox(width: 12),
+                              Expanded(
+                                child: Column(
+                                  crossAxisAlignment:
+                                      CrossAxisAlignment.start,
+                                  children: [
+                                    Row(
+                                      children: [
+                                        Text(
+                                          c.fullName,
+                                          style: const TextStyle(
+                                            fontWeight: FontWeight.w600,
+                                          ),
+                                        ),
+                                        if (c.isFlagged) ...[
+                                          const SizedBox(width: 6),
+                                          const Icon(Icons.flag,
+                                              size: 14,
+                                              color: Color(0xFFE02424)),
+                                        ],
+                                      ],
+                                    ),
+                                    if (c.email != null)
+                                      Text(
+                                        c.email!,
+                                        style: const TextStyle(
+                                          fontSize: 12,
+                                          color: Color(0xFF6B7280),
+                                        ),
+                                      ),
+                                  ],
+                                ),
+                              ),
+                              StatusBadge(status: c.licenseStatus),
+                            ],
+                          ),
+                        ),
+                      ),
+                    );
+                  },
+                ),
+              ),
+      ),
+    );
+  }
+}