(squash) Use our TextWithLink instead of package:styled_text

Author: gnprice

lib/widgets/read_receipts.dart

@@ -1,6 +1,5 @@
 import 'package:collection/collection.dart';
 import 'package:flutter/material.dart';
-import 'package:styled_text/styled_text.dart';
 
 import '../api/route/messages.dart';
 import '../generated/l10n/zulip_localizations.dart';
@@ -129,25 +128,12 @@ class _ReadReceiptsHeader extends StatelessWidget {
               color: designVariables.title,
             ).merge(weightVariableTextStyle(context, wght: 600))),
           if (status == FetchStatus.success && receiptCount > 0)
-            StyledText(
-              text: zulipLocalizations.actionSheetReadReceiptsReadCount(receiptCount),
-              tags: {
-                'z-link': StyledTextActionTag((_, _) {
-                  PlatformActions.launchUrl(context, Uri.parse(ReadReceipts._helpCenterUrl));
-                },
-                style: TextStyle(
-                  decoration: TextDecoration.underline,
-                  decorationStyle: TextDecorationStyle.solid,
-                  // We use the default value for this, as there's no obvious
-                  // way to map the thickness value from Figma design as it is
-                  // a percentage of the font size.
-                  decorationThickness: 1,
-                  // decorationOffset: // TODO(upstream #30541)
-                  color: designVariables.link,
-                  decorationColor: designVariables.link),
-                )},
+            TextWithLink(
+              onTap: () => PlatformActions.launchUrl(context,
+                Uri.parse(ReadReceipts._helpCenterUrl)),
               style: TextStyle(fontSize: 17, height: 22 / 17,
-                color: designVariables.textMessage)),
+                color: designVariables.textMessage),
+              markup: zulipLocalizations.actionSheetReadReceiptsReadCount(receiptCount)),
         ]));
   }
 }

lib/widgets/text.dart

@@ -508,6 +508,12 @@ class _TextWithLinkState extends State<TextWithLink> {
         TextSpan(text: match.group(2), recognizer: _recognizer,
           style: TextStyle(
             decoration: TextDecoration.underline,
+            decorationStyle: TextDecorationStyle.solid,
+            // We use the default value for this, as there's no obvious
+            // way to map the thickness value from Figma design as it is
+            // a percentage of the font size.
+            decorationThickness: 1,
+            // decorationOffset: // TODO(upstream): https://github.com/flutter/flutter/issues/30541
             color: designVariables.link,
             decorationColor: designVariables.link)),
         TextSpan(text: match.group(3)),