feat(cat-voices): missing links pt2 (#2361)

* implement newsletter URL and update wallet links

* feat: adding missing links

Author: LynxLynxx

catalyst_voices/apps/voices/lib/app/view/app_mobile_access_restriction.dart

@@ -70,8 +70,8 @@ class _Actions extends StatelessWidget with LaunchUrlMixin {
           const SizedBox(height: 52),
           VoicesFilledButton(
             child: Text(context.l10n.joinNewsletter),
-            onTap: () {
-              // TODO(LynxLynxx): implement url launching
+            onTap: () async {
+              await launchUri(VoicesConstants.joinNewsletterUrl.getUri());
             },
           ),
           const SizedBox(height: 12),

catalyst_voices/apps/voices/lib/common/constants/constants.dart

@@ -47,6 +47,8 @@ abstract class VoicesConstants {
       'https://docs.projectcatalyst.io/catalyst-tools/catalyst-app/my-account';
   static const insertNewImageDocsUrl =
       'https://docs.projectcatalyst.io/catalyst-tools/catalyst-app/create-and-submit-proposals-in-workspace/using-images';
+  static const joinNewsletterUrl =
+      'https://mpc.projectcatalyst.io/newsletter-signup';
 
   static String cardanoScanStakeAddressUrl(ShelleyAddress stakeAddress) {
     switch (stakeAddress.network) {

catalyst_voices/apps/voices/lib/pages/registration/no_wallet_found_dialog.dart

@@ -259,17 +259,17 @@ class _RightSide extends StatelessWidget {
         SupportedWallet(
           image: VoicesAssets.images.eternlWallet,
           name: context.l10n.eternlWallet,
-          url: 'https://www.example.com', // TODO(LynxLynxx): add url
+          url: 'https://eternl.io/',
         ),
         SupportedWallet(
           image: VoicesAssets.images.laceWallet,
           name: context.l10n.laceWallet,
-          url: 'https://www.example.com', // TODO(LynxLynxx): add url
+          url: 'https://www.lace.io/',
         ),
         SupportedWallet(
           image: VoicesAssets.images.namiWallet,
           name: context.l10n.namiWallet,
-          url: 'https://www.example.com', // TODO(LynxLynxx): add url
+          url: 'https://www.namiwallet.io/',
         ),
         const VoicesDivider.expanded(),
         const Spacer(),

catalyst_voices/apps/voices/lib/pages/workspace/user_proposals/user_proposals.dart

@@ -54,24 +54,21 @@ class _UserProposalsState extends State<UserProposals> {
             items: _submitted,
             emptyTextMessage: context.l10n.noFinalUserProposals,
             title: context.l10n.submittedForReview(_submitted.length, 5),
-            // TODO(LynxLynxx): update when we get info from designers
-            info: 'Info',
+            info: context.l10n.submittedForReviewInfoMarkdown,
             learnMoreUrl: VoicesConstants.proposalPublishingDocsUrl,
           ),
           UserProposalSection(
             items: _draft,
             emptyTextMessage: context.l10n.noDraftUserProposals,
             title: context.l10n.sharedForPublicInProgress,
-            // TODO(LynxLynxx): update when we get info from designers
-            info: 'Info',
+            info: context.l10n.sharedForPublicInfoMarkdown,
             learnMoreUrl: VoicesConstants.proposalPublishingDocsUrl,
           ),
           UserProposalSection(
             items: _local,
             emptyTextMessage: context.l10n.noLocalUserProposals,
             title: context.l10n.notPublished,
-            // TODO(LynxLynxx): update when we get info from designers
-            info: 'Info',
+            info: context.l10n.notPublishedInfoMarkdown,
             learnMoreUrl: VoicesConstants.proposalPublishingDocsUrl,
           ),
         ],

catalyst_voices/apps/voices/lib/widgets/headers/section_learn_more_header.dart

@@ -1,8 +1,7 @@
 import 'package:catalyst_voices/common/ext/build_context_ext.dart';
 import 'package:catalyst_voices/widgets/buttons/learn_more_button.dart';
-import 'package:catalyst_voices/widgets/widgets.dart';
+import 'package:catalyst_voices/widgets/tooltips/voices_markdown_tooltip.dart';
 import 'package:catalyst_voices_assets/catalyst_voices_assets.dart';
-import 'package:catalyst_voices_localization/catalyst_voices_localization.dart';
 import 'package:catalyst_voices_shared/catalyst_voices_shared.dart';
 import 'package:flutter/material.dart';
 
@@ -43,8 +42,9 @@ class SectionLearnMoreHeader extends StatelessWidget with LaunchUrlMixin {
             ),
           ),
           const SizedBox(width: 4),
-          VoicesPlainTooltip(
-            message: context.l10n.learnMore,
+          VoicesMarkdownTooltip(
+            message: info,
+            constraints: const BoxConstraints(maxWidth: 312),
             child: VoicesAssets.icons.informationCircle.buildIcon(
               color: context.colors.textOnPrimaryLevel1,
             ),

catalyst_voices/apps/voices/lib/widgets/tooltips/voices_markdown_tooltip.dart

@@ -0,0 +1,97 @@
+import 'package:catalyst_voices/common/ext/build_context_ext.dart';
+import 'package:catalyst_voices/widgets/common/affix_decorator.dart';
+import 'package:catalyst_voices/widgets/widgets.dart';
+import 'package:catalyst_voices_brands/catalyst_voices_brands.dart';
+import 'package:catalyst_voices_models/catalyst_voices_models.dart';
+import 'package:flutter/material.dart';
+
+/// A tooltip widget that renders Markdown formatted text with a child widget.
+///
+/// **Notes:**
+/// - Supports Markdown syntax in the message
+/// - The tooltip's text is constrained to a maximum
+/// width of 200 pixels by default
+///
+/// **Usage:**
+/// ```dart
+/// VoicesMarkdownTooltip(
+///   message: "**Bold** and *italic* text",
+///   child: Icon(Icons.info),
+/// )
+/// ```
+class VoicesMarkdownTooltip extends StatelessWidget {
+  /// The Markdown formatted message to display in the tooltip.
+  final String message;
+
+  /// Optional widget that will be shown before the Markdown content.
+  final Widget? leading;
+
+  /// Optional widget that will be shown after the Markdown content.
+  final Widget? trailing;
+
+  /// Optional constraints for tooltip widget.
+  final BoxConstraints constraints;
+
+  /// The widget that triggers tooltip visibility.
+  final Widget child;
+
+  const VoicesMarkdownTooltip({
+    super.key,
+    required this.message,
+    this.leading,
+    this.trailing,
+    this.constraints = const BoxConstraints(maxWidth: 200),
+    required this.child,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    final textStyle = (theme.textTheme.bodySmall ?? const TextStyle()).copyWith(
+      color: theme.colors.iconsBackground,
+    );
+
+    return Tooltip(
+      key: const Key('MarkdownTooltip'),
+      richMessage: WidgetSpan(
+        child: ConstrainedBox(
+          key: const ValueKey('VoicesMarkdownTooltipContentKey'),
+          constraints: constraints,
+          child: DefaultTextStyle(
+            style: textStyle,
+            child: AffixDecorator(
+              prefix: leading,
+              suffix: trailing,
+              gap: 12,
+              child: MarkdownText(
+                MarkdownData(message),
+                pColor: context.colors.textOnPrimaryLevel0,
+              ),
+            ),
+          ),
+        ),
+      ),
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+      decoration: BoxDecoration(
+        color: theme.colors.elevationsOnSurfaceNeutralLv2,
+        borderRadius: BorderRadius.circular(8),
+        boxShadow: const [
+          BoxShadow(
+            offset: Offset(0, 2),
+            blurRadius: 6,
+            spreadRadius: 2,
+            color: Color(0x02600000),
+          ),
+          BoxShadow(
+            offset: Offset(0, 1),
+            blurRadius: 2,
+            spreadRadius: 0,
+            color: Color(0x4D000000),
+          ),
+        ],
+      ),
+      child: child,
+    );
+  }
+}

catalyst_voices/packages/internal/catalyst_voices_localization/lib/l10n/intl_en.arb

@@ -2637,6 +2637,18 @@
   "@invalidSeedPhraseWord": {
     "description": "Error shown when user inputs SeedPhrase word but invalid does not match any"
   },
+  "submittedForReviewInfoMarkdown": "**Locked final**\n\nThese proposals are finished/final, and published to the review stage. Final proposals enter the ballot on approval. You are allowed to publish a maximum of 5 proposals.\n\n**Important Note:**\n\nAll Publishing happens in the proposal editor, so you minimize the chances of making mistakes.",
+  "@submittedForReviewInfoMarkdown": {
+    "description": "Info message shown in tooltip info in workspace page"
+  },
+  "sharedForPublicInfoMarkdown": "**In progress**\n\nThese proposals are in progress/draft and published draft iterations make their rounds in the discovery space, and people can provide feedback.\n\nYou can make a new local iteration of a published draft, just be sure to share as draft if you want to receive feedback, or as final if you think your proposal is ready.\n\n**Important Note:**\n\nAll Publishing happens in the proposal editor, so you minimize the chances of making mistakes.",
+  "@sharedForPublicInfoMarkdown": {
+    "description": "Info message shown in tooltip info in workspace page"
+  },
+  "notPublishedInfoMarkdown": "**Not published**\n\nThese private proposals are only stored on your local device, and cannot be seen by anybody but you.",
+  "@notPublishedInfoMarkdown": {
+    "description": "Info message shown in tooltip info in workspace page"
+  },
   "deleteLocalVersionIfWantToPublishThisVersion": "If you want to publish this iteration as final, please delete the local draft.",
   "@deleteLocalVersionIfWantToPublishThisVersion": {
     "description": "Message shown when user tries to publish a draft proposal as final proposal but there is a newer local draft proposal."