fix whatsapp button, increase height space gapping in main view , simple refactor

Eslam-Hossam1 · Eslam-Hossam1 · commit 54d0fed3fc1d · 2025-09-30T14:56:10.000+03:00
diff --git a/lib/font_clamper_extension.dart b/lib/font_clamper_extension.dart
diff --git a/lib/view/main/components/drawer/about.dart b/lib/view/main/components/drawer/about.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_portfolio/extensions.dart';
+import 'package:flutter_portfolio/font_clamper_extension.dart';
 import 'package:flutter_portfolio/res/constants.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'drawer_image.dart';
diff --git a/lib/view/main/components/drawer/drawer.dart b/lib/view/main/components/drawer/drawer.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_portfolio/view/main/components/drawer/contact_icons.dart';
+import 'package:flutter_portfolio/view/main/components/drawer/drawer_bottom_social_buttons.dart';
 import 'package:flutter_portfolio/view/main/components/drawer/personal_info.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import '../../../../res/constants.dart';
@@ -42,7 +42,7 @@ class CustomDrawer extends StatelessWidget {
                 MySKills(),
                 Knowledges(),
                 Divider(),
-                ContactIcon(),
+                DrawerBottomSocialButton(),
               ],
             ),
           ),
diff --git a/lib/view/main/components/drawer/drawer_bottom_social_buttons.dart b/lib/view/main/components/drawer/drawer_bottom_social_buttons.dart
@@ -4,8 +4,8 @@ import 'package:url_launcher/url_launcher.dart';
 
 import '../../../../res/constants.dart';
 
-class ContactIcon extends StatelessWidget {
-  const ContactIcon({super.key});
+class DrawerBottomSocialButton extends StatelessWidget {
+  const DrawerBottomSocialButton({super.key});
 
   @override
   Widget build(BuildContext context) {
@@ -38,7 +38,7 @@ class ContactIcon extends StatelessWidget {
           const Spacer(),
           IconButton(
               onPressed: () {
-                launchUrl(Uri.parse('https://github.com/Eslam-Hossam1/'));
+                launchUrl(Uri.parse('https://wa.me/201028735105'));
               },
               icon: SvgPicture.asset(
                 'assets/icons/whatsapp-svgrepo-com.svg',
diff --git a/lib/view/main/components/drawer/header_info.dart b/lib/view/main/components/drawer/header_info.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:flutter_portfolio/extensions.dart';
+import 'package:flutter_portfolio/font_clamper_extension.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:flutter_svg/svg.dart';
 import 'package:fluttertoast/fluttertoast.dart';
diff --git a/lib/view/main/components/drawer/knowledge.dart b/lib/view/main/components/drawer/knowledge.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_portfolio/extensions.dart';
+import 'package:flutter_portfolio/font_clamper_extension.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:flutter_svg/svg.dart';
 import '../../../../res/constants.dart';
diff --git a/lib/view/main/components/drawer/knowledges.dart b/lib/view/main/components/drawer/knowledges.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_portfolio/extensions.dart';
+import 'package:flutter_portfolio/font_clamper_extension.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 import 'knowledge.dart';
diff --git a/lib/view/main/components/drawer/my_skill.dart b/lib/view/main/components/drawer/my_skill.dart
@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_portfolio/extensions.dart';
+import 'package:flutter_portfolio/font_clamper_extension.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 import '../../../../res/constants.dart';
diff --git a/lib/view/main/components/navigation_button_list.dart b/lib/view/main/components/navigation_button_list.dart
@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_portfolio/view%20model/controller.dart';
-import 'package:flutter_portfolio/view/main/components/connect_button.dart';
+import 'package:flutter_portfolio/view/main/components/whatsapp_colored_button.dart';
 import 'package:flutter_portfolio/widgets/menu_button.dart';
 
 import 'navigation_button.dart';
@@ -67,7 +67,7 @@ class NavigationButtonList extends StatelessWidget {
               },
             ),
           ),
-          width > 800 ? const ConnectButton() : const SizedBox.shrink(),
+          width > 800 ? const WhatsappColoredButton() : const SizedBox.shrink(),
         ],
       ),
     );
diff --git a/lib/view/main/components/whatsapp_colored_button.dart b/lib/view/main/components/whatsapp_colored_button.dart
@@ -3,14 +3,14 @@ import 'package:flutter/material.dart';
 import 'package:url_launcher/url_launcher.dart';
 import '../../../res/constants.dart';
 
-class ConnectButton extends StatefulWidget {
-  const ConnectButton({super.key});
+class WhatsappColoredButton extends StatefulWidget {
+  const WhatsappColoredButton({super.key});
 
   @override
-  State<ConnectButton> createState() => _ConnectButtonState();
+  State<WhatsappColoredButton> createState() => _WhatsappColoredButtonState();
 }
 
-class _ConnectButtonState extends State<ConnectButton> {
+class _WhatsappColoredButtonState extends State<WhatsappColoredButton> {
   bool _isHovered = false;
 
   @override
diff --git a/lib/view/main/main_view.dart b/lib/view/main/main_view.dart
@@ -4,7 +4,6 @@ import 'package:flutter_portfolio/view%20model/controller.dart';
 import 'package:flutter_portfolio/view%20model/responsive.dart';
 import 'package:flutter_portfolio/view/certifications/components/certification_grid.dart';
 import 'package:flutter_portfolio/view/intro/components/intro_body.dart';
-import 'package:flutter_portfolio/view/intro/components/social_media_list.dart';
 import 'package:flutter_portfolio/view/main/components/navigation_button_list.dart';
 import 'package:flutter_portfolio/view/projects/components/projects_grid.dart';
 import 'package:flutter_portfolio/view/projects/components/title_text.dart';
@@ -46,7 +45,6 @@ class _MainViewState extends State<MainView> {
               child: CustomScrollView(
                 controller: scrollController,
                 slivers: [
-
                   // Intro Section Anchor
                   SliverToBoxAdapter(
                     child: KeyedSubtree(
@@ -57,7 +55,7 @@ class _MainViewState extends State<MainView> {
                   if (Responsive.isDesktop(context))
                     SliverToBoxAdapter(child: SizedBox(height: 180.h)),
 
-                  SliverToBoxAdapter(child: SizedBox(height: 120.h)),
+                  SliverToBoxAdapter(child: SizedBox(height: 170.h)),
 
                   SliverToBoxAdapter(
                     child: KeyedSubtree(
@@ -76,7 +74,7 @@ class _MainViewState extends State<MainView> {
                     tablet: ProjectGrid(ratio: 1.4, crossAxisCount: 2),
                   ),
 
-                  SliverToBoxAdapter(child: SizedBox(height: 120.h)),
+                  SliverToBoxAdapter(child: SizedBox(height: 200.h)),
 
                   // Certifications Section Anchor + Content
                   if (Responsive.isLargeMobile(context))
@@ -100,7 +98,7 @@ class _MainViewState extends State<MainView> {
                   ),
 
                   // Bottom padding
-                  SliverToBoxAdapter(child: SizedBox(height: 120.h)),
+                  SliverToBoxAdapter(child: SizedBox(height: 200.h)),
                 ],
               ),
             ),
diff --git a/lib/view/projects/components/project_details_view.dart b/lib/view/projects/components/project_details_view.dart
@@ -5,29 +5,29 @@ import 'package:flutter_portfolio/res/constants.dart';
 import 'media_viewer_desktop.dart';
 import 'media_viewer_mobile.dart';
 
-class ProjectMediaViewer extends StatefulWidget {
+class ProjectDetailsView extends StatefulWidget {
   final String name;
   final String description;
   final List<String> images;
   final List<String> videos;
   final List<FeatureModel> featureModels;
   final String githubLink;
 
-  const ProjectMediaViewer({
+  const ProjectDetailsView({
     Key? key,
     required this.name,
     required this.description,
     required this.images,
     required this.videos,
     required this.featureModels,
     required this.githubLink,
-    }) : super(key: key);
+  }) : super(key: key);
 
   @override
-  State<ProjectMediaViewer> createState() => _ProjectMediaViewerState();
+  State<ProjectDetailsView> createState() => _ProjectDetailsViewState();
 }
 
-class _ProjectMediaViewerState extends State<ProjectMediaViewer> {
+class _ProjectDetailsViewState extends State<ProjectDetailsView> {
   @override
   void initState() {
     super.initState();
diff --git a/lib/view/projects/components/project_info.dart b/lib/view/projects/components/project_info.dart
@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_portfolio/model/projects_models_list.dart';
 import 'package:flutter_portfolio/view/projects/components/project_deatail.dart';
-import 'package:flutter_portfolio/view/projects/components/project_media_viewer.dart';
+import 'package:flutter_portfolio/view/projects/components/project_details_view.dart';
 
 import '../../../res/constants.dart';
 
@@ -24,7 +24,8 @@ class _ProjectStackState extends State<ProjectStack> {
           PageRouteBuilder(
             transitionDuration: Duration.zero,
             reverseTransitionDuration: Duration.zero,
-            pageBuilder: (context, animation, secondaryAnimation) => ProjectMediaViewer(
+            pageBuilder: (context, animation, secondaryAnimation) =>
+                ProjectDetailsView(
               githubLink: projectList[widget.index].link,
               name: projectList[widget.index].name,
               description: projectList[widget.index].description,
