add social_link widget, add developer page to home_drawer with name t…

…eam and rename company.png to outlook.png
swciitg · Sep 30, 2023 · f4e1443 · f4e1443
1 parent d4e287a
commit f4e1443
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 13 deletions.
diff --git a/assets/images/company.png → assets/images/outlook.png b/assets/images/company.png → assets/images/outlook.png
diff --git a/lib/pages/developer/developer_page.dart b/lib/pages/developer/developer_page.dart
@@ -4,6 +4,7 @@ import 'package:onestop_dev/globals/my_colors.dart';
 import 'package:onestop_dev/widgets/developer/developer_card.dart';
 
 class DeveloperPage extends StatefulWidget {
+  static String id = '/developer';
   const DeveloperPage({super.key});
 
   @override

diff --git a/lib/widgets/developer/developer_card.dart b/lib/widgets/developer/developer_card.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 
 import 'package:onestop_dev/globals/my_colors.dart';
 import 'package:onestop_dev/globals/my_fonts.dart';
+import 'package:onestop_dev/widgets/developer/social_link.dart';
 
 class DeveloperCard extends StatelessWidget {
   const DeveloperCard({
@@ -37,31 +38,35 @@ class DeveloperCard extends StatelessWidget {
             const SizedBox(
               height: 15,
             ),
-            Text(
-                developerName,
-                style: MyFonts.w500.size(14).setColor(kWhite)
-            ),
+            Text(developerName, style: MyFonts.w500.size(14).setColor(kWhite)),
             const SizedBox(
               height: 5,
             ),
-            Text(
-                developerPosition,
-                style: MyFonts.w400.size(12).setColor(lBlue)
-            ),
+            Text(developerPosition,
+                style: MyFonts.w400.size(12).setColor(lBlue)),
             const SizedBox(
               height: 15,
             ),
-            Row(
+            const Row(
               mainAxisAlignment: MainAxisAlignment.spaceEvenly,
               children: [
-                Image.asset('assets/images/linkedin.png'),
-                Image.asset('assets/images/github.png'),
-                Image.asset('assets/images/company.png'),
+                SocialLink(
+                    url: 'https://www.linkedin.com/',
+                    imagePath: 'assets/images/linkedin.png'),
+                SocialLink(
+                  url: 'https://github.com/',
+                  imagePath: 'assets/images/github.png',
+                ),
+                SocialLink(
+                  url:
+                      'https://outlook.live.com/',
+                  imagePath: 'assets/images/outlook.png',
+                ),
               ],
             )
           ],
         ),
       ),
     );
   }
-}
+}
diff --git a/lib/widgets/developer/social_link.dart b/lib/widgets/developer/social_link.dart
@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+
+import 'package:url_launcher/url_launcher.dart';
+
+import 'package:onestop_dev/functions/utility/show_snackbar.dart';
+
+class SocialLink extends StatelessWidget {
+  const SocialLink({
+    super.key,
+    required this.url,
+    required this.imagePath,
+  });
+
+  final String url;
+  final String imagePath;
+
+  @override
+  Widget build(BuildContext context) {
+    Future<void> launchURL(String url) async {
+      final Uri uri = Uri.parse(url);
+      if (!await launchUrl(
+        uri,
+        mode: LaunchMode.externalApplication,
+      )) {
+        throw "Can not launch url";
+      }
+    }
+
+    return GestureDetector(
+      onTap: () async {
+        try {
+          await launchURL(url);
+        } catch (e) {
+          showSnackBar(e.toString());
+        }
+      },
+      child: Image.asset(imagePath),
+    );
+  }
+}
diff --git a/lib/widgets/home/home_drawer.dart b/lib/widgets/home/home_drawer.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/svg.dart';
 import 'package:onestop_dev/functions/utility/phone_email.dart';
+import 'package:onestop_dev/pages/developer/developer_page.dart';
 import 'package:onestop_dev/pages/home/home.dart';
 import 'package:onestop_dev/widgets/ui/appbar.dart';
 import 'package:provider/provider.dart';
@@ -129,6 +130,25 @@ class HomeDrawer extends StatelessWidget {
                     ),
                   ),
                 ),
+                GestureDetector(
+                  onTap: () {
+                    Navigator.push(
+                      context,
+                      MaterialPageRoute(
+                        builder: (buildContext) => const DeveloperPage(),
+                      ),
+                    );
+                    scaffoldKey.currentState!.closeDrawer();
+                  },
+                  child: Padding(
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
+                    child: Text(
+                      "Team",
+                      style: MyFonts.w400.size(14).setColor(kWhite),
+                    ),
+                  ),
+                ),
                 Expanded(child: Container()),
 
                 SvgPicture.asset("assets/images/logo.svg"),