Added external link icon to support text inner links

Author: reza00farjam

assets/font/icons.ttf

@@ -12,7 +12,7 @@ class _ArchiveIconData extends IconData {
 }
 
 /// SVGs are from https://tabler-icons.io ,
-/// Font file generated with https://icomoon.io/
+/// Font file generated with https://icomoon.io
 
 class ArchiveIcons {
   ArchiveIcons._();
@@ -21,11 +21,19 @@ class ArchiveIcons {
   static const IconData brandGithub = _ArchiveIconData(0xe901);
   static const IconData brandTelegram = _ArchiveIconData(0xe902);
   static const IconData chevronDown = _ArchiveIconData(0xe903);
+
   static const IconData chevronRight = _ArchiveIconData(
     0xe904,
     matchTextDirection: true,
   );
+
   static const IconData chevronUp = _ArchiveIconData(0xe905);
+
+  static const IconData externalLink = _ArchiveIconData(
+    0xe90c,
+    matchTextDirection: true,
+  );
+
   static const IconData helpSquare = _ArchiveIconData(0xe906);
   static const IconData menu = _ArchiveIconData(0xe90b);
   static const IconData moonStarsFilled = _ArchiveIconData(0xe907);

lib/app/constants/icons.dart

@@ -8,7 +8,7 @@ class ArchiveThemes {
   ArchiveThemes._();
 
   static double appbarHeight(BuildContext context) =>
-      context.isMobileOrTablet ? 3 * kSizeDefault : 4 * kSizeDefault;
+      context.isMobileOrTablet ? 3.2 * kSizeDefault : 4 * kSizeDefault;
 
   static final dark = _basicThemeData(
     brightness: Brightness.dark,

lib/app/themes.dart

@@ -1,3 +1,4 @@
+import 'package:cse_archive/app/constants/icons.dart';
 import 'package:cse_archive/app/constants/links.dart';
 import 'package:cse_archive/app/constants/sizes.dart';
 import 'package:cse_archive/app/constants/strings.dart';
@@ -46,24 +47,35 @@ void showSupportDialog({required BuildContext context}) {
               children: [
                 const TextSpan(text: ArchiveStrings.supportDonateDescriptionP1),
                 WidgetSpan(
-                  child: Link(
-                    uri: Uri.parse(ArchiveLinks.support),
-                    target: LinkTarget.blank,
-                    builder: (_, followLink) => GestureDetector(
-                      onTap: followLink,
-                      child: MouseRegion(
-                        cursor: SystemMouseCursors.click,
-                        child: Text(
-                          ArchiveStrings.supportDonateDescriptionLink,
-                          style: TextStyle(
-                            fontWeight: FontWeight.w500,
-                            decoration: TextDecoration.underline,
-                            decorationColor:
-                                context.secondaryColor.withOpacity(0.5),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      Link(
+                        uri: Uri.parse(ArchiveLinks.support),
+                        target: LinkTarget.blank,
+                        builder: (_, followLink) => GestureDetector(
+                          onTap: followLink,
+                          child: MouseRegion(
+                            cursor: SystemMouseCursors.click,
+                            child: Text(
+                              ArchiveStrings.supportDonateDescriptionLink,
+                              style: TextStyle(
+                                fontWeight: FontWeight.w500,
+                                decoration: TextDecoration.underline,
+                                decorationColor:
+                                    context.secondaryColor.withOpacity(0.5),
+                              ),
+                            ),
                           ),
                         ),
                       ),
-                    ),
+                      Icon(
+                        ArchiveIcons.externalLink,
+                        color: context.secondaryColor,
+                        size: textStyle.fontSize,
+                      ),
+                    ],
                   ),
                 ),
                 const TextSpan(text: ArchiveStrings.supportDonateDescriptionP2),
@@ -88,24 +100,35 @@ void showSupportDialog({required BuildContext context}) {
                 children: [
                   const TextSpan(text: ArchiveStrings.supportOtherCase1P1),
                   WidgetSpan(
-                    child: Link(
-                      uri: Uri.parse(ArchiveLinks.projectRepos),
-                      target: LinkTarget.blank,
-                      builder: (_, followLink) => GestureDetector(
-                        onTap: followLink,
-                        child: MouseRegion(
-                          cursor: SystemMouseCursors.click,
-                          child: Text(
-                            ArchiveStrings.supportOtherCase1Repos,
-                            style: TextStyle(
-                              fontWeight: FontWeight.w500,
-                              decoration: TextDecoration.underline,
-                              decorationColor:
-                                  context.secondaryColor.withOpacity(0.5),
+                    child: Row(
+                      mainAxisSize: MainAxisSize.min,
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      children: [
+                        Link(
+                          uri: Uri.parse(ArchiveLinks.projectRepos),
+                          target: LinkTarget.blank,
+                          builder: (_, followLink) => GestureDetector(
+                            onTap: followLink,
+                            child: MouseRegion(
+                              cursor: SystemMouseCursors.click,
+                              child: Text(
+                                ArchiveStrings.supportOtherCase1Repos,
+                                style: TextStyle(
+                                  fontWeight: FontWeight.w500,
+                                  decoration: TextDecoration.underline,
+                                  decorationColor:
+                                      context.secondaryColor.withOpacity(0.5),
+                                ),
+                              ),
                             ),
                           ),
                         ),
-                      ),
+                        Icon(
+                          ArchiveIcons.externalLink,
+                          color: context.secondaryColor,
+                          size: textStyle.fontSize,
+                        ),
+                      ],
                     ),
                   ),
                   const TextSpan(text: ArchiveStrings.supportOtherCase1P2),