feat: merchant page

2025-08-28 01:11:19 +07:00
parent 627de219cb
commit d86c38e77c
12 changed files with 618 additions and 121 deletions
@@ -0,0 +1,80 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/theme/theme.dart';
+
+class EmptyMerchantCard extends StatelessWidget {
+  final String? title;
+  final String? subtitle;
+  final IconData? icon;
+
+  const EmptyMerchantCard({super.key, this.title, this.subtitle, this.icon});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Container(
+            width: 120,
+            height: 120,
+            decoration: BoxDecoration(
+              color: AppColor.primaryWithOpacity(0.1),
+              shape: BoxShape.circle,
+            ),
+            child: Icon(
+              icon ?? Icons.search_off,
+              size: 64,
+              color: AppColor.primary,
+            ),
+          ),
+          const SizedBox(height: 24),
+          Text(
+            title ?? 'No merchants found',
+            style: AppStyle.xl.copyWith(
+              color: AppColor.textPrimary,
+              fontWeight: FontWeight.w600,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          const SizedBox(height: 8),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 32),
+            child: Text(
+              subtitle ??
+                  'Try adjusting your search terms or check back later for new merchants',
+              style: AppStyle.md.copyWith(color: AppColor.textSecondary),
+              textAlign: TextAlign.center,
+            ),
+          ),
+          const SizedBox(height: 24),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+            decoration: BoxDecoration(
+              color: AppColor.primaryWithOpacity(0.1),
+              borderRadius: BorderRadius.circular(24),
+              border: Border.all(
+                color: AppColor.primary.withOpacity(0.2),
+                width: 1,
+              ),
+            ),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Icon(Icons.refresh, size: 18, color: AppColor.primary),
+                const SizedBox(width: 8),
+                Text(
+                  'Refresh',
+                  style: AppStyle.sm.copyWith(
+                    color: AppColor.primary,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}