commit a93ccceb3e7fbf03e8c6f1dfdf667f541a83618b · bretton.dev/coves-mobile

+11 -2

lib/main.dart

···

       1
       1
        
       import 'package:flutter/foundation.dart';

     

       2
       2
        
       import 'package:flutter/material.dart';

     

       3
       3
       +
       import 'package:flutter/services.dart';

     

       3
       4
        
       import 'package:go_router/go_router.dart';

     

       4
       5
        
       import 'package:provider/provider.dart';

     

       5
       6
        
       import 'screens/landing_screen.dart';

     

       6
       7
        
       import 'screens/auth/login_screen.dart';

     

       7
       7
       -
       import 'screens/home/feed_screen.dart';

     

       8
       8
       +
       import 'screens/home/main_shell_screen.dart';

     

       8
       9
        
       import 'providers/auth_provider.dart';

     

       9
       10
        
       import 'config/oauth_config.dart';

     

       10
       11
        
       

     

       11
       12
        
       void main() async {

     

       12
       13
        
         WidgetsFlutterBinding.ensureInitialized();

     

       14
       14
       +
       

     

       15
       15
       +
         // Set system UI overlay style (Android navigation bar)

     

       16
       16
       +
         SystemChrome.setSystemUIOverlayStyle(

     

       17
       17
       +
           const SystemUiOverlayStyle(

     

       18
       18
       +
             systemNavigationBarColor: Color(0xFF0B0F14),

     

       19
       19
       +
             systemNavigationBarIconBrightness: Brightness.light,

     

       20
       20
       +
           ),

     

       21
       21
       +
         );

     

       13
       22
        
       

     

       14
       23
        
         // Initialize auth provider

     

       15
       24
        
         final authProvider = AuthProvider();

     
···

       59
       68
        
             ),

     

       60
       69
        
             GoRoute(

     

       61
       70
        
               path: '/feed',

     

       62
       62
       -
               builder: (context, state) => const FeedScreen(),

     

       71
       71
       +
               builder: (context, state) => const MainShellScreen(),

     

       63
       72
        
             ),

     

       64
       73
        
           ],

     

       65
       74
        
           refreshListenable: authProvider,

+51

lib/screens/home/create_post_screen.dart

···

       1
       1
       +
       import 'package:flutter/material.dart';

     

       2
       2
       +
       

     

       3
       3
       +
       class CreatePostScreen extends StatelessWidget {

     

       4
       4
       +
         const CreatePostScreen({super.key});

     

       5
       5
       +
       

     

       6
       6
       +
         @override

     

       7
       7
       +
         Widget build(BuildContext context) {

     

       8
       8
       +
           return Scaffold(

     

       9
       9
       +
             backgroundColor: const Color(0xFF0B0F14),

     

       10
       10
       +
             appBar: AppBar(

     

       11
       11
       +
               backgroundColor: const Color(0xFF0B0F14),

     

       12
       12
       +
               foregroundColor: Colors.white,

     

       13
       13
       +
               title: const Text('Create Post'),

     

       14
       14
       +
               automaticallyImplyLeading: false,

     

       15
       15
       +
             ),

     

       16
       16
       +
             body: const Center(

     

       17
       17
       +
               child: Padding(

     

       18
       18
       +
                 padding: EdgeInsets.all(24),

     

       19
       19
       +
                 child: Column(

     

       20
       20
       +
                   mainAxisAlignment: MainAxisAlignment.center,

     

       21
       21
       +
                   children: [

     

       22
       22
       +
                     Icon(

     

       23
       23
       +
                       Icons.add_circle_outline,

     

       24
       24
       +
                       size: 64,

     

       25
       25
       +
                       color: Color(0xFFFF6B35),

     

       26
       26
       +
                     ),

     

       27
       27
       +
                     SizedBox(height: 24),

     

       28
       28
       +
                     Text(

     

       29
       29
       +
                       'Create Post',

     

       30
       30
       +
                       style: TextStyle(

     

       31
       31
       +
                         fontSize: 28,

     

       32
       32
       +
                         color: Colors.white,

     

       33
       33
       +
                         fontWeight: FontWeight.bold,

     

       34
       34
       +
                       ),

     

       35
       35
       +
                     ),

     

       36
       36
       +
                     SizedBox(height: 16),

     

       37
       37
       +
                     Text(

     

       38
       38
       +
                       'Share your thoughts with the community',

     

       39
       39
       +
                       style: TextStyle(

     

       40
       40
       +
                         fontSize: 16,

     

       41
       41
       +
                         color: Color(0xFFB6C2D2),

     

       42
       42
       +
                       ),

     

       43
       43
       +
                       textAlign: TextAlign.center,

     

       44
       44
       +
                     ),

     

       45
       45
       +
                   ],

     

       46
       46
       +
                 ),

     

       47
       47
       +
               ),

     

       48
       48
       +
             ),

     

       49
       49
       +
           );

     

       50
       50
       +
         }

     

       51
       51
       +
       }

+1 -45

lib/screens/home/feed_screen.dart

···

       1
       1
        
       import 'package:flutter/material.dart';

     

       2
       2
       -
       import 'package:go_router/go_router.dart';

     

       3
       2
        
       import 'package:provider/provider.dart';

     

       4
       3
        
       import '../../providers/auth_provider.dart';

     

       5
       5
       -
       import '../../widgets/primary_button.dart';

     

       6
       4
        
       

     

       7
       5
        
       class FeedScreen extends StatelessWidget {

     

       8
       6
        
         const FeedScreen({super.key});

     
···

       18
       16
        
               backgroundColor: const Color(0xFF0B0F14),

     

       19
       17
        
               foregroundColor: Colors.white,

     

       20
       18
        
               title: Text(isAuthenticated ? 'Feed' : 'Explore'),

     

       21
       21
       -
               automaticallyImplyLeading: !isAuthenticated,

     

       22
       22
       -
               leading: !isAuthenticated

     

       23
       23
       -
                   ? IconButton(

     

       24
       24
       -
                       icon: const Icon(Icons.arrow_back),

     

       25
       25
       -
                       onPressed: () => context.go('/'),

     

       26
       26
       -
                     )

     

       27
       27
       -
                   : null,

     

       28
       28
       -
               actions: isAuthenticated

     

       29
       29
       -
                   ? [

     

       30
       30
       -
                       IconButton(

     

       31
       31
       -
                         icon: const Icon(Icons.person),

     

       32
       32
       -
                         onPressed: () {

     

       33
       33
       -
                           // TODO: Navigate to profile screen

     

       34
       34
       -
                         },

     

       35
       35
       -
                       ),

     

       36
       36
       -
                     ]

     

       37
       37
       -
                   : null,

     

       19
       19
       +
               automaticallyImplyLeading: false,

     

       38
       20
        
             ),

     

       39
       21
        
             body: Center(

     

       40
       22
        
               child: Padding(

     
···

       87
       69
        
                       ),

     

       88
       70
        
                       textAlign: TextAlign.center,

     

       89
       71
        
                     ),

     

       90
       90
       -
                     const SizedBox(height: 48),

     

       91
       91
       -
                     if (isAuthenticated) ...[

     

       92
       92
       -
                       PrimaryButton(

     

       93
       93
       -
                         title: 'Sign Out',

     

       94
       94
       -
                         onPressed: () async {

     

       95
       95
       -
                           await authProvider.signOut();

     

       96
       96
       -
                           // Explicitly redirect to landing screen after sign out

     

       97
       97
       -
                           if (context.mounted) {

     

       98
       98
       -
                             context.go('/');

     

       99
       99
       -
                           }

     

       100
       100
       -
                         },

     

       101
       101
       -
                         variant: ButtonVariant.outline,

     

       102
       102
       -
                       ),

     

       103
       103
       -
                     ] else ...[

     

       104
       104
       -
                       PrimaryButton(

     

       105
       105
       -
                         title: 'Sign in',

     

       106
       106
       -
                         onPressed: () => context.go('/login'),

     

       107
       107
       -
                         variant: ButtonVariant.solid,

     

       108
       108
       -
                       ),

     

       109
       109
       -
                       const SizedBox(height: 12),

     

       110
       110
       -
                       PrimaryButton(

     

       111
       111
       -
                         title: 'Create account',

     

       112
       112
       -
                         onPressed: () => context.go('/login'),

     

       113
       113
       -
                         variant: ButtonVariant.outline,

     

       114
       114
       -
                       ),

     

       115
       115
       -
                     ],

     

       116
       72
        
                   ],

     

       117
       73
        
                 ),

     

       118
       74
        
               ),

+84

lib/screens/home/main_shell_screen.dart

···

       1
       1
       +
       import 'package:flutter/material.dart';

     

       2
       2
       +
       import 'feed_screen.dart';

     

       3
       3
       +
       import 'search_screen.dart';

     

       4
       4
       +
       import 'create_post_screen.dart';

     

       5
       5
       +
       import 'notifications_screen.dart';

     

       6
       6
       +
       import 'profile_screen.dart';

     

       7
       7
       +
       

     

       8
       8
       +
       class MainShellScreen extends StatefulWidget {

     

       9
       9
       +
         const MainShellScreen({super.key});

     

       10
       10
       +
       

     

       11
       11
       +
         @override

     

       12
       12
       +
         State<MainShellScreen> createState() => _MainShellScreenState();

     

       13
       13
       +
       }

     

       14
       14
       +
       

     

       15
       15
       +
       class _MainShellScreenState extends State<MainShellScreen> {

     

       16
       16
       +
         int _selectedIndex = 0;

     

       17
       17
       +
       

     

       18
       18
       +
         static const List<Widget> _screens = [

     

       19
       19
       +
           FeedScreen(),

     

       20
       20
       +
           SearchScreen(),

     

       21
       21
       +
           CreatePostScreen(),

     

       22
       22
       +
           NotificationsScreen(),

     

       23
       23
       +
           ProfileScreen(),

     

       24
       24
       +
         ];

     

       25
       25
       +
       

     

       26
       26
       +
         void _onItemTapped(int index) {

     

       27
       27
       +
           setState(() {

     

       28
       28
       +
             _selectedIndex = index;

     

       29
       29
       +
           });

     

       30
       30
       +
         }

     

       31
       31
       +
       

     

       32
       32
       +
         @override

     

       33
       33
       +
         Widget build(BuildContext context) {

     

       34
       34
       +
           return Scaffold(

     

       35
       35
       +
             body: _screens[_selectedIndex],

     

       36
       36
       +
             bottomNavigationBar: Container(

     

       37
       37
       +
               decoration: const BoxDecoration(

     

       38
       38
       +
                 color: Color(0xFF0B0F14),

     

       39
       39
       +
                 border: Border(

     

       40
       40
       +
                   top: BorderSide(

     

       41
       41
       +
                     color: Color(0xFF0B0F14),

     

       42
       42
       +
                     width: 0.5,

     

       43
       43
       +
                   ),

     

       44
       44
       +
                 ),

     

       45
       45
       +
               ),

     

       46
       46
       +
               child: SafeArea(

     

       47
       47
       +
                 child: SizedBox(

     

       48
       48
       +
                   height: 48,

     

       49
       49
       +
                   child: Row(

     

       50
       50
       +
                     mainAxisAlignment: MainAxisAlignment.spaceAround,

     

       51
       51
       +
                     children: [

     

       52
       52
       +
                       _buildNavItem(0, Icons.home, 'Home'),

     

       53
       53
       +
                       _buildNavItem(1, Icons.search, 'Search'),

     

       54
       54
       +
                       _buildNavItem(2, Icons.add_box_outlined, 'Create'),

     

       55
       55
       +
                       _buildNavItem(3, Icons.notifications_outlined, 'Notifications'),

     

       56
       56
       +
                       _buildNavItem(4, Icons.person_outline, 'Me'),

     

       57
       57
       +
                     ],

     

       58
       58
       +
                   ),

     

       59
       59
       +
                 ),

     

       60
       60
       +
               ),

     

       61
       61
       +
             ),

     

       62
       62
       +
           );

     

       63
       63
       +
         }

     

       64
       64
       +
       

     

       65
       65
       +
         Widget _buildNavItem(int index, IconData icon, String label) {

     

       66
       66
       +
           final isSelected = _selectedIndex == index;

     

       67
       67
       +
           final color = isSelected

     

       68
       68
       +
               ? const Color(0xFFFF6B35)

     

       69
       69
       +
               : const Color(0xFFB6C2D2).withValues(alpha: 0.6);

     

       70
       70
       +
       

     

       71
       71
       +
           return Expanded(

     

       72
       72
       +
             child: InkWell(

     

       73
       73
       +
               onTap: () => _onItemTapped(index),

     

       74
       74
       +
               splashColor: Colors.transparent,

     

       75
       75
       +
               highlightColor: Colors.transparent,

     

       76
       76
       +
               child: Icon(

     

       77
       77
       +
                 icon,

     

       78
       78
       +
                 size: 28,

     

       79
       79
       +
                 color: color,

     

       80
       80
       +
               ),

     

       81
       81
       +
             ),

     

       82
       82
       +
           );

     

       83
       83
       +
         }

     

       84
       84
       +
       }

+51

lib/screens/home/notifications_screen.dart

···

       1
       1
       +
       import 'package:flutter/material.dart';

     

       2
       2
       +
       

     

       3
       3
       +
       class NotificationsScreen extends StatelessWidget {

     

       4
       4
       +
         const NotificationsScreen({super.key});

     

       5
       5
       +
       

     

       6
       6
       +
         @override

     

       7
       7
       +
         Widget build(BuildContext context) {

     

       8
       8
       +
           return Scaffold(

     

       9
       9
       +
             backgroundColor: const Color(0xFF0B0F14),

     

       10
       10
       +
             appBar: AppBar(

     

       11
       11
       +
               backgroundColor: const Color(0xFF0B0F14),

     

       12
       12
       +
               foregroundColor: Colors.white,

     

       13
       13
       +
               title: const Text('Notifications'),

     

       14
       14
       +
               automaticallyImplyLeading: false,

     

       15
       15
       +
             ),

     

       16
       16
       +
             body: const Center(

     

       17
       17
       +
               child: Padding(

     

       18
       18
       +
                 padding: EdgeInsets.all(24),

     

       19
       19
       +
                 child: Column(

     

       20
       20
       +
                   mainAxisAlignment: MainAxisAlignment.center,

     

       21
       21
       +
                   children: [

     

       22
       22
       +
                     Icon(

     

       23
       23
       +
                       Icons.notifications_outlined,

     

       24
       24
       +
                       size: 64,

     

       25
       25
       +
                       color: Color(0xFFFF6B35),

     

       26
       26
       +
                     ),

     

       27
       27
       +
                     SizedBox(height: 24),

     

       28
       28
       +
                     Text(

     

       29
       29
       +
                       'Notifications',

     

       30
       30
       +
                       style: TextStyle(

     

       31
       31
       +
                         fontSize: 28,

     

       32
       32
       +
                         color: Colors.white,

     

       33
       33
       +
                         fontWeight: FontWeight.bold,

     

       34
       34
       +
                       ),

     

       35
       35
       +
                     ),

     

       36
       36
       +
                     SizedBox(height: 16),

     

       37
       37
       +
                     Text(

     

       38
       38
       +
                       'Stay updated with your activity',

     

       39
       39
       +
                       style: TextStyle(

     

       40
       40
       +
                         fontSize: 16,

     

       41
       41
       +
                         color: Color(0xFFB6C2D2),

     

       42
       42
       +
                       ),

     

       43
       43
       +
                       textAlign: TextAlign.center,

     

       44
       44
       +
                     ),

     

       45
       45
       +
                   ],

     

       46
       46
       +
                 ),

     

       47
       47
       +
               ),

     

       48
       48
       +
             ),

     

       49
       49
       +
           );

     

       50
       50
       +
         }

     

       51
       51
       +
       }

+95

lib/screens/home/profile_screen.dart

···

       1
       1
       +
       import 'package:flutter/material.dart';

     

       2
       2
       +
       import 'package:provider/provider.dart';

     

       3
       3
       +
       import 'package:go_router/go_router.dart';

     

       4
       4
       +
       import '../../providers/auth_provider.dart';

     

       5
       5
       +
       import '../../widgets/primary_button.dart';

     

       6
       6
       +
       

     

       7
       7
       +
       class ProfileScreen extends StatelessWidget {

     

       8
       8
       +
         const ProfileScreen({super.key});

     

       9
       9
       +
       

     

       10
       10
       +
         @override

     

       11
       11
       +
         Widget build(BuildContext context) {

     

       12
       12
       +
           final authProvider = Provider.of<AuthProvider>(context);

     

       13
       13
       +
           final isAuthenticated = authProvider.isAuthenticated;

     

       14
       14
       +
       

     

       15
       15
       +
           return Scaffold(

     

       16
       16
       +
             backgroundColor: const Color(0xFF0B0F14),

     

       17
       17
       +
             appBar: AppBar(

     

       18
       18
       +
               backgroundColor: const Color(0xFF0B0F14),

     

       19
       19
       +
               foregroundColor: Colors.white,

     

       20
       20
       +
               title: const Text('Profile'),

     

       21
       21
       +
               automaticallyImplyLeading: false,

     

       22
       22
       +
             ),

     

       23
       23
       +
             body: Center(

     

       24
       24
       +
               child: Padding(

     

       25
       25
       +
                 padding: const EdgeInsets.all(24),

     

       26
       26
       +
                 child: Column(

     

       27
       27
       +
                   mainAxisAlignment: MainAxisAlignment.center,

     

       28
       28
       +
                   children: [

     

       29
       29
       +
                     const Icon(

     

       30
       30
       +
                       Icons.person,

     

       31
       31
       +
                       size: 64,

     

       32
       32
       +
                       color: Color(0xFFFF6B35),

     

       33
       33
       +
                     ),

     

       34
       34
       +
                     const SizedBox(height: 24),

     

       35
       35
       +
                     Text(

     

       36
       36
       +
                       isAuthenticated ? 'Your Profile' : 'Profile',

     

       37
       37
       +
                       style: const TextStyle(

     

       38
       38
       +
                         fontSize: 28,

     

       39
       39
       +
                         color: Colors.white,

     

       40
       40
       +
                         fontWeight: FontWeight.bold,

     

       41
       41
       +
                       ),

     

       42
       42
       +
                     ),

     

       43
       43
       +
                     const SizedBox(height: 16),

     

       44
       44
       +
                     if (isAuthenticated && authProvider.did != null) ...[

     

       45
       45
       +
                       Text(

     

       46
       46
       +
                         'Signed in as:',

     

       47
       47
       +
                         style: TextStyle(

     

       48
       48
       +
                           fontSize: 14,

     

       49
       49
       +
                           color: Colors.white.withValues(alpha: 0.6),

     

       50
       50
       +
                         ),

     

       51
       51
       +
                       ),

     

       52
       52
       +
                       const SizedBox(height: 4),

     

       53
       53
       +
                       Text(

     

       54
       54
       +
                         authProvider.did!,

     

       55
       55
       +
                         style: const TextStyle(

     

       56
       56
       +
                           fontSize: 16,

     

       57
       57
       +
                           color: Color(0xFFB6C2D2),

     

       58
       58
       +
                           fontFamily: 'monospace',

     

       59
       59
       +
                         ),

     

       60
       60
       +
                         textAlign: TextAlign.center,

     

       61
       61
       +
                       ),

     

       62
       62
       +
                       const SizedBox(height: 48),

     

       63
       63
       +
                       PrimaryButton(

     

       64
       64
       +
                         title: 'Sign Out',

     

       65
       65
       +
                         onPressed: () async {

     

       66
       66
       +
                           await authProvider.signOut();

     

       67
       67
       +
                           if (context.mounted) {

     

       68
       68
       +
                             context.go('/');

     

       69
       69
       +
                           }

     

       70
       70
       +
                         },

     

       71
       71
       +
                         variant: ButtonVariant.outline,

     

       72
       72
       +
                       ),

     

       73
       73
       +
                     ] else ...[

     

       74
       74
       +
                       const Text(

     

       75
       75
       +
                         'Sign in to view your profile',

     

       76
       76
       +
                         style: TextStyle(

     

       77
       77
       +
                           fontSize: 16,

     

       78
       78
       +
                           color: Color(0xFFB6C2D2),

     

       79
       79
       +
                         ),

     

       80
       80
       +
                         textAlign: TextAlign.center,

     

       81
       81
       +
                       ),

     

       82
       82
       +
                       const SizedBox(height: 48),

     

       83
       83
       +
                       PrimaryButton(

     

       84
       84
       +
                         title: 'Sign in',

     

       85
       85
       +
                         onPressed: () => context.go('/login'),

     

       86
       86
       +
                         variant: ButtonVariant.solid,

     

       87
       87
       +
                       ),

     

       88
       88
       +
                     ],

     

       89
       89
       +
                   ],

     

       90
       90
       +
                 ),

     

       91
       91
       +
               ),

     

       92
       92
       +
             ),

     

       93
       93
       +
           );

     

       94
       94
       +
         }

     

       95
       95
       +
       }

+51

lib/screens/home/search_screen.dart

···

       1
       1
       +
       import 'package:flutter/material.dart';

     

       2
       2
       +
       

     

       3
       3
       +
       class SearchScreen extends StatelessWidget {

     

       4
       4
       +
         const SearchScreen({super.key});

     

       5
       5
       +
       

     

       6
       6
       +
         @override

     

       7
       7
       +
         Widget build(BuildContext context) {

     

       8
       8
       +
           return Scaffold(

     

       9
       9
       +
             backgroundColor: const Color(0xFF0B0F14),

     

       10
       10
       +
             appBar: AppBar(

     

       11
       11
       +
               backgroundColor: const Color(0xFF0B0F14),

     

       12
       12
       +
               foregroundColor: Colors.white,

     

       13
       13
       +
               title: const Text('Search'),

     

       14
       14
       +
               automaticallyImplyLeading: false,

     

       15
       15
       +
             ),

     

       16
       16
       +
             body: const Center(

     

       17
       17
       +
               child: Padding(

     

       18
       18
       +
                 padding: EdgeInsets.all(24),

     

       19
       19
       +
                 child: Column(

     

       20
       20
       +
                   mainAxisAlignment: MainAxisAlignment.center,

     

       21
       21
       +
                   children: [

     

       22
       22
       +
                     Icon(

     

       23
       23
       +
                       Icons.search,

     

       24
       24
       +
                       size: 64,

     

       25
       25
       +
                       color: Color(0xFFFF6B35),

     

       26
       26
       +
                     ),

     

       27
       27
       +
                     SizedBox(height: 24),

     

       28
       28
       +
                     Text(

     

       29
       29
       +
                       'Search',

     

       30
       30
       +
                       style: TextStyle(

     

       31
       31
       +
                         fontSize: 28,

     

       32
       32
       +
                         color: Colors.white,

     

       33
       33
       +
                         fontWeight: FontWeight.bold,

     

       34
       34
       +
                       ),

     

       35
       35
       +
                     ),

     

       36
       36
       +
                     SizedBox(height: 16),

     

       37
       37
       +
                     Text(

     

       38
       38
       +
                       'Search communities and conversations',

     

       39
       39
       +
                       style: TextStyle(

     

       40
       40
       +
                         fontSize: 16,

     

       41
       41
       +
                         color: Color(0xFFB6C2D2),

     

       42
       42
       +
                       ),

     

       43
       43
       +
                       textAlign: TextAlign.center,

     

       44
       44
       +
                     ),

     

       45
       45
       +
                   ],

     

       46
       46
       +
                 ),

     

       47
       47
       +
               ),

     

       48
       48
       +
             ),

     

       49
       49
       +
           );

     

       50
       50
       +
         }

     

       51
       51
       +
       }