Hossam mohamed create profile summary widget layout (#147)

Co-authored-by: HossamMo123 <mah24719782471978@gmail.com>

Author: ZiadMontaser

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/services/mock_api_service.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/core/widgets/app_outlined_button.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/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/navigation/ui/view/navigation_home_screen.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/model2/profile_model.dart';
 
 enum NotificationType { like, repost, follow, mention, reply }
 

lam7a/lib/features/notifications/models/notification_model.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/model2/profile_model.dart';
 
 class NotificationsAPIServiceMock implements NotificationsAPIService {
 

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

@@ -0,0 +1,40 @@
+// lib/features/profile/model/profile_model.dart
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'profile_model.freezed.dart';
+part 'profile_model.g.dart';
+
+/// Unified Profile Model that combines ProfileHeaderModel and ProfileModel
+@freezed
+abstract class ProfileModel with _$ProfileModel {
+  const factory ProfileModel({
+    // Basic Info
+    required String displayName,
+    required String handle,
+    required String bio,
+    required String avatarImage,
+    required String bannerImage,
+    @Default(false) bool isVerified,
+    
+    // Additional Info
+    @Default('') String location,
+    @Default('') String birthday,
+    required String joinedDate,
+    
+    // Counts
+    required int followersCount,
+    required int followingCount,
+    
+    // States (for viewing other profiles)
+    @Default(ProfileStateOfFollow.notfollowing) ProfileStateOfFollow stateFollow,
+    @Default(ProfileStateOfMute.notmuted) ProfileStateOfMute stateMute,
+    @Default(ProfileStateBlocked.notblocked) ProfileStateBlocked stateBlocked,
+  }) = _ProfileModel;
+
+  factory ProfileModel.fromJson(Map<String, dynamic> json) =>
+      _$ProfileModelFromJson(json);
+}
+
+enum ProfileStateOfFollow { following, notfollowing }
+enum ProfileStateOfMute { muted, notmuted }
+enum ProfileStateBlocked { blocked, notblocked }

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

@@ -0,0 +1,36 @@
+// lib/main.dart
+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: const Text('Profile Header Demo'),
+        centerTitle: true,
+      ),
+    
+      body: const ProfileHeaderWidget(
+        userId: 'hossam_dev',
+        isOwnProfile: true, // Change to false to see other user's profile
+      ),
+    );
+  }
+}
+
+/// App entry point
+void main() {
+  runApp(
+    const ProviderScope(
+      child: MaterialApp(
+        debugShowCheckedModeBanner: false,
+        home: ProfileHeaderMain(),
+      ),
+    ),
+  );
+}