feat: finance page

2025-08-15 23:53:05 +07:00
parent 3115c02b0a
commit ad2681dfde
10 changed files with 1556 additions and 206 deletions
@@ -0,0 +1,88 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/theme/theme.dart';
+
+class FinanceSummaryCard extends StatelessWidget {
+  const FinanceSummaryCard({
+    super.key,
+    required this.title,
+    required this.amount,
+    required this.icon,
+    required this.color,
+    required this.change,
+    required this.isPositive,
+  });
+
+  final String title;
+  final String amount;
+  final IconData icon;
+  final Color color;
+  final String change;
+  final bool isPositive;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: AppColor.white,
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: AppColor.textLight.withOpacity(0.1),
+            spreadRadius: 1,
+            blurRadius: 8,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Container(
+                padding: const EdgeInsets.all(8),
+                decoration: BoxDecoration(
+                  color: color.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: Icon(icon, color: color, size: 20),
+              ),
+              Container(
+                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                decoration: BoxDecoration(
+                  color: isPositive
+                      ? AppColor.success.withOpacity(0.1)
+                      : AppColor.error.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Text(
+                  change,
+                  style: AppStyle.xs.copyWith(
+                    color: isPositive ? AppColor.success : AppColor.error,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 12),
+          Text(
+            title,
+            style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
+          ),
+          const SizedBox(height: 4),
+          Text(
+            amount,
+            style: AppStyle.lg.copyWith(
+              fontWeight: FontWeight.bold,
+              color: AppColor.textPrimary,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}