Hossam mohamed create profile summary widget layout (#145)

Co-authored-by: Ziad <62536773+ZiadMontaser@users.noreply.github.com>
Co-authored-by: ZiadMontaser <ziadmontaser2005@gmail.com>

Author: HossamMo123

lam7a/.metadata

@@ -4,7 +4,7 @@
 # This file should be version controlled and should not be manually edited.
 
 version:
-  revision: "ac4e799d237041cf905519190471f657b657155a"
+  revision: "9f455d2486bcb28cad87b062475f42edc959f636"
   channel: "stable"
 
 project_type: app
@@ -13,26 +13,11 @@ project_type: app
 migration:
   platforms:
     - platform: root
-      create_revision: ac4e799d237041cf905519190471f657b657155a
-      base_revision: ac4e799d237041cf905519190471f657b657155a
-    - platform: android
-      create_revision: ac4e799d237041cf905519190471f657b657155a
-      base_revision: ac4e799d237041cf905519190471f657b657155a
-    - platform: ios
-      create_revision: ac4e799d237041cf905519190471f657b657155a
-      base_revision: ac4e799d237041cf905519190471f657b657155a
-    - platform: linux
-      create_revision: ac4e799d237041cf905519190471f657b657155a
-      base_revision: ac4e799d237041cf905519190471f657b657155a
-    - platform: macos
-      create_revision: ac4e799d237041cf905519190471f657b657155a
-      base_revision: ac4e799d237041cf905519190471f657b657155a
+      create_revision: 9f455d2486bcb28cad87b062475f42edc959f636
+      base_revision: 9f455d2486bcb28cad87b062475f42edc959f636
     - platform: web
-      create_revision: ac4e799d237041cf905519190471f657b657155a
-      base_revision: ac4e799d237041cf905519190471f657b657155a
-    - platform: windows
-      create_revision: ac4e799d237041cf905519190471f657b657155a
-      base_revision: ac4e799d237041cf905519190471f657b657155a
+      create_revision: 9f455d2486bcb28cad87b062475f42edc959f636
+      base_revision: 9f455d2486bcb28cad87b062475f42edc959f636
 
   # User provided section
 

lam7a/lib/core/widgets/app_outlined_button.dart

@@ -8,33 +8,42 @@ class AppOutlinedButton extends StatelessWidget {
   final Color textColor;
   final double borderRadius;
   final EdgeInsetsGeometry padding;
+  final double fontSize;
+  final FontWeight fontWeight;
 
   const AppOutlinedButton({
     super.key,
     required this.text,
     required this.onPressed,
     this.backgroundColor = Colors.white,
-    this.borderColor = const Color.fromRGBO(197, 200, 202, 1),
+    this.borderColor = const Color.fromRGBO(207, 217, 222, 1),
     this.textColor = Colors.black,
     this.borderRadius = 20,
     this.padding = const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+    this.fontSize = 14,
+    this.fontWeight = FontWeight.w600,
   });
 
   @override
   Widget build(BuildContext context) {
-    return ElevatedButton(
+    return OutlinedButton(
       onPressed: onPressed,
-      style: ElevatedButton.styleFrom(
+      style: OutlinedButton.styleFrom(
         backgroundColor: backgroundColor,
-        foregroundColor: textColor,
-        elevation: 0,
-        padding: padding,
+        side: BorderSide(color: borderColor, width: 1),
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(borderRadius),
-          side: BorderSide(color: borderColor, width: 1),
+        ),
+        padding: padding,
+      ),
+      child: Text(
+        text,
+        style: TextStyle(
+          color: textColor,
+          fontSize: fontSize,
+          fontWeight: fontWeight,
         ),
       ),
-      child: Text(text, style: TextStyle(color: textColor)),
     );
   }
 }

lam7a/lib/features/navigation/ui/view/navigation_home_screen.dart

@@ -14,6 +14,7 @@ import 'package:lam7a/features/navigation/utils/models/user_main_data.dart';
 import 'package:lam7a/features/notifications/ui/views/notifications_screen.dart';
 import 'package:lam7a/features/settings/ui/view/main_settings_page.dart';
 import 'package:lam7a/features/tweet/ui/view/pages/tweet_home_screen.dart';
+import 'package:lam7a/features/profile_features/profile/ui/widgets/profile_header_widget.dart';
 class NavigationHomeScreen extends StatefulWidget {
   static const String routeName = "navigation";
 
@@ -40,7 +41,17 @@ class _NavigationHomeScreenState extends State<NavigationHomeScreen> {
           Center(child: ConversationsScreen()),
         ];
         List<Widget> drawerItems = [
-          ListMember("Profile", () {}, iconPath: AppAssets.ProfileIcon),
+          ListMember("Profile", 
+                      () {
+                Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                    builder: (context) => ProfileHeaderWidget(
+                      userId: 'hossam_dev', 
+                    ),
+                  ),
+                );
+              }, iconPath: AppAssets.ProfileIcon),
           ListMember("Chat", () {}, iconPath: AppAssets.chatIcon),
           ListMember(
             "Logout",

lam7a/lib/features/notifications/models/notification_model.dart

@@ -1,5 +1,5 @@
 import 'package:lam7a/features/common/models/tweet_model.dart';
-import 'package:lam7a/features/profile_summary/model/profile_model.dart';
+import 'package:lam7a/features/profile_features/profile/model2/profile_model.dart';
 
 enum NotificationType { like, repost, follow, mention, reply }
 

lam7a/lib/features/notifications/services/notifications_service_mock.dart

@@ -1,7 +1,7 @@
 import 'package:lam7a/features/common/models/tweet_model.dart';
 import 'package:lam7a/features/notifications/models/notification_model.dart';
 import 'package:lam7a/features/notifications/services/notifications_service.dart';
-import 'package:lam7a/features/profile_summary/model/profile_model.dart';
+import 'package:lam7a/features/profile_features/profile/model2/profile_model.dart';
 
 class NotificationsAPIServiceMock implements NotificationsAPIService {
 

lam7a/lib/features/profile_features/profile/model/profile_model.dart

@@ -0,0 +1,24 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'profile_model.freezed.dart';
+part 'profile_model.g.dart';
+
+@freezed
+abstract class ProfileHeaderModel with _$ProfileHeaderModel {
+  const factory ProfileHeaderModel({
+    required String displayName,
+    required String handle,
+    required String bio,
+    required String avatarImage,
+    required String bannerImage,
+    @Default(false) bool isVerified,
+    required String location,
+    required String birthday,
+    required String joinedDate,
+    required int followersCount,
+    required int followingCount,
+  }) = _ProfileHeaderModel;
+
+  factory ProfileHeaderModel.fromJson(Map<String, dynamic> json) =>
+      _$ProfileHeaderModelFromJson(json);
+}

…profile_summary/model/profile_model.dart …atures/profile/model2/profile_model.dartlam7a/lib/features/profile_summary/model/profile_model.dart renamed to lam7a/lib/features/profile_features/profile/model2/profile_model.dart lam7a/lib/features/profile_summary/model/profile_model.dart renamed to lam7a/lib/features/profile_features/profile/model2/profile_model.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'ui/widgets/profile_header_widget.dart';
+
+/// Entry point widget to test the profile header UI
+class ProfileHeaderMain extends StatelessWidget {
+  const ProfileHeaderMain({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Profile Header Demo'),
+        centerTitle: true,
+      ),
+      // Just render the ProfileHeaderWidget and pass the user ID
+      body: ProfileHeaderWidget(userId: 'hossam_dev'),
+    );
+  }
+}
+
+/// App entry point
+void main() {
+  runApp(
+    const ProviderScope(
+      child: MaterialApp(
+        debugShowCheckedModeBanner: false,
+        home: ProfileHeaderMain(),
+      ),
+    ),
+  );
+}

lam7a/lib/features/profile_features/profile/profile_header_main.dart

@@ -0,0 +1,16 @@
+import '../model/profile_model.dart';
+import '../../services/mock_profile_api_service.dart';
+
+class EditProfileRepository {
+  final MockProfileAPIService mockService;
+
+  EditProfileRepository({required this.mockService});
+
+  Future<ProfileHeaderModel> getProfile(String username) async {
+    return await mockService.fetchProfile(username);
+  }
+
+  Future<ProfileHeaderModel> updateProfile(ProfileHeaderModel profile) async {
+    return await mockService.updateProfile(profile);
+  }
+}

lam7a/lib/features/profile_features/profile/repositery/edit_profile_repository.dart

@@ -0,0 +1,24 @@
+import '../model/profile_model.dart';
+import '../../services/mock_profile_api_service.dart';
+
+class ProfileRepository {
+  final MockProfileAPIService? mockService;
+  final bool useMock;
+
+  ProfileRepository({
+    this.mockService,
+    this.useMock = true,
+  });
+
+  Future<ProfileHeaderModel> getProfile(String username) async {
+    if (useMock) {
+      if (mockService == null) {
+        throw StateError('MockProfileAPIService is not provided.');
+      }
+      return await mockService!.fetchProfile(username);
+    } else {
+      // TODO: Replace with real API call
+      throw UnimplementedError('Real API service not implemented yet.');
+    }
+  }
+}