V1 - Personal Account and Budgeting Done

Personal Account and Budgeting
2026-08-16 20:13:21 +05:30
commit 17c0526ed6
247 changed files with 19002 additions and 0 deletions
--- a/kifi-app/lib/features/auth/presentation/profile_screen.dart
+++ b/kifi-app/lib/features/auth/presentation/profile_screen.dart
@@ -0,0 +1,148 @@
+import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:lucide_icons/lucide_icons.dart';
+import 'package:path_provider/path_provider.dart';
+import 'package:share_plus/share_plus.dart';
+import 'package:cross_file/cross_file.dart';
+import 'auth_screen.dart';
+import '../../../core/network/dio_client.dart';
+import '../providers/auth_provider.dart';
+import '../../transactions/providers/providers.dart';
+
+import '../../../core/theme/theme_provider.dart';
+
+class ProfileScreen extends ConsumerStatefulWidget {
+  const ProfileScreen({super.key});
+
+  @override
+  ConsumerState<ProfileScreen> createState() => _ProfileScreenState();
+}
+
+class _ProfileScreenState extends ConsumerState<ProfileScreen> {
+  bool _isExporting = false;
+
+  Future<void> _logout(BuildContext context) async {
+    const storage = FlutterSecureStorage();
+    await storage.delete(key: 'jwt_token');
+    
+    if (context.mounted) {
+      Navigator.pushAndRemoveUntil(
+        context,
+        MaterialPageRoute(builder: (_) => const AuthScreen()),
+        (route) => false,
+      );
+    }
+  }
+
+  Future<void> _exportData() async {
+    setState(() => _isExporting = true);
+    try {
+      final bytes = await ref.read(apiRepositoryProvider).exportTransactions();
+      
+      final tempDir = await getTemporaryDirectory();
+      final file = File('${tempDir.path}/transactions_export.csv');
+      await file.writeAsBytes(bytes);
+      
+      final xFile = XFile(file.path);
+      await Share.shareXFiles([xFile], text: 'Here is my Kifi transactions export.');
+    } catch (e) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Export failed: $e')));
+      }
+    } finally {
+      if (mounted) {
+        setState(() => _isExporting = false);
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Profile'),
+        backgroundColor: Colors.transparent,
+        elevation: 0,
+      ),
+      body: SafeArea(
+        child: Padding(
+          padding: const EdgeInsets.all(24.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              const SizedBox(height: 20),
+              CircleAvatar(
+                radius: 50,
+                backgroundColor: Theme.of(context).colorScheme.primary.withOpacity(0.1),
+                child: Icon(LucideIcons.user, size: 50, color: Theme.of(context).colorScheme.primary),
+              ),
+              const SizedBox(height: 24),
+              const Text('Kifi User', style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
+              const SizedBox(height: 8),
+              const Text('maddy23285@gmail.com', style: TextStyle(color: Colors.grey, fontSize: 16)),
+              const SizedBox(height: 48),
+              Card(
+                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
+                child: Column(
+                  children: [
+                    ListTile(
+                      leading: const Icon(LucideIcons.downloadCloud),
+                      title: const Text('Export Data to CSV'),
+                      trailing: _isExporting 
+                          ? const SizedBox(width: 20, height: 20, child: CircularProgressIndicator(strokeWidth: 2))
+                          : const Icon(LucideIcons.chevronRight),
+                      onTap: _isExporting ? null : _exportData,
+                    ),
+                    const Divider(height: 1),
+                    ListTile(
+                      leading: const Icon(LucideIcons.moon),
+                      title: const Text('Theme'),
+                      trailing: SegmentedButton<ThemeMode>(
+                        segments: const [
+                          ButtonSegment(value: ThemeMode.light, icon: Icon(LucideIcons.sun)),
+                          ButtonSegment(value: ThemeMode.system, icon: Icon(LucideIcons.monitor)),
+                          ButtonSegment(value: ThemeMode.dark, icon: Icon(LucideIcons.moon)),
+                        ],
+                        selected: {ref.watch(themeProvider)},
+                        onSelectionChanged: (Set<ThemeMode> newSelection) {
+                          ref.read(themeProvider.notifier).setTheme(newSelection.first);
+                        },
+                        showSelectedIcon: false,
+                        style: ButtonStyle(visualDensity: VisualDensity.compact),
+                      ),
+                    ),
+                    const Divider(height: 1),
+
+                    ListTile(
+                      leading: const Icon(LucideIcons.helpCircle),
+                      title: const Text('Help & Support'),
+                      trailing: const Icon(LucideIcons.chevronRight),
+                      onTap: () {},
+                    ),
+                  ],
+                ),
+              ),
+              const Spacer(),
+              SizedBox(
+                width: double.infinity,
+                child: ElevatedButton.icon(
+                  onPressed: () => _logout(context),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Colors.red.withOpacity(0.1),
+                    foregroundColor: Colors.red,
+                    padding: const EdgeInsets.symmetric(vertical: 16),
+                  ),
+                  icon: const Icon(LucideIcons.logOut),
+                  label: const Text('Log Out', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
+                ),
+              ),
+              const SizedBox(height: 20),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}