feat: send token

packages/espressocash_app/lib/features/analytics/analytics_manager.dart

@@ -72,11 +72,12 @@ class AnalyticsManager {
       );
 
   void directPaymentSent({
+    required String symbol,
     required Decimal amount,
   }) =>
       _analytics.track(
         'directPaymentSent',
-        properties: {'amount': amount.toDouble()},
+        properties: {'token': symbol, 'amount': amount.toDouble()},
       );
 
   void paymentRequestLinkCreated({

packages/espressocash_app/lib/features/conversion_rates/widgets/amount_with_equivalent.dart

@@ -1,6 +1,7 @@
 import 'package:dfunc/dfunc.dart';
 import 'package:flutter/material.dart';
 
+import '../../../di.dart';
 import '../../../l10n/decimal_separator.dart';
 import '../../../l10n/device_locale.dart';
 import '../../../l10n/l10n.dart';
@@ -13,6 +14,7 @@ import '../../../ui/usdc_info.dart';
 import '../../currency/models/amount.dart';
 import '../../currency/models/currency.dart';
 import '../../tokens/token.dart';
+import '../data/repository.dart';
 import '../services/amount_ext.dart';
 import 'extensions.dart';
 
@@ -25,6 +27,7 @@ class AmountWithEquivalent extends StatelessWidget {
     this.shakeKey,
     this.error = '',
     this.showUsdcInfo = false,
+    this.backgroundColor = Colors.black,
   });
 
   final TextEditingController inputController;
@@ -33,6 +36,7 @@ class AmountWithEquivalent extends StatelessWidget {
   final Key? shakeKey;
   final String error;
   final bool showUsdcInfo;
+  final Color backgroundColor;
 
   @override
   Widget build(BuildContext context) =>
@@ -54,6 +58,7 @@ class AmountWithEquivalent extends StatelessWidget {
                 child: _InputDisplay(
                   input: value.text,
                   fontSize: collapsed ? 57 : (context.isSmall ? 55 : 80),
+                  token: token,
                 ),
               ),
               if (!collapsed)
@@ -77,7 +82,7 @@ class AmountWithEquivalent extends StatelessWidget {
                           _ => _EquivalentDisplay(
                               input: value.text,
                               token: token,
-                              backgroundColor: Colors.black,
+                              backgroundColor: backgroundColor,
                             ),
                         },
                       ],
@@ -117,11 +122,27 @@ class _EquivalentDisplay extends StatelessWidget {
 
     final String formattedAmount;
     if (shouldDisplay) {
-      formattedAmount = Amount.fromDecimal(value: value, currency: Currency.usd)
-          .let((it) => it as FiatAmount)
-          .let((it) => it.toTokenAmount(token)?.round(Currency.usd.decimals))
+      formattedAmount = Amount.fromDecimal(
+        value: value,
+        currency:
+            token == Token.usdc ? Currency.usd : CryptoCurrency(token: token),
+      )
+          .let(
+            (it) => switch (it) {
+              final FiatAmount fiat =>
+                fiat.toTokenAmount(token)?.round(Currency.usd.decimals),
+              final CryptoAmount crypto => crypto.toFiatAmount(
+                  defaultFiatCurrency,
+                  ratesRepository: sl<ConversionRatesRepository>(),
+                ),
+            },
+          )
           .maybeFlatMap(
-            (it) => it.format(locale, roundInteger: true, skipSymbol: true),
+            (it) => it.format(
+              locale,
+              roundInteger: true,
+              skipSymbol: token == Token.usdc,
+            ),
           )
           .ifNull(() => '0');
     } else {
@@ -139,14 +160,15 @@ class _EquivalentDisplay extends StatelessWidget {
               fontWeight: FontWeight.w700,
             ),
           ),
-          TextSpan(
-            text: ' ${token.symbol.toUpperCase()}',
-            style: const TextStyle(
-              color: CpColors.yellowColor,
-              fontSize: 15,
-              fontWeight: FontWeight.w700,
+          if (token == Token.usdc)
+            TextSpan(
+              text: ' ${Token.usdc.symbol.toUpperCase()}',
+              style: const TextStyle(
+                color: CpColors.yellowColor,
+                fontSize: 15,
+                fontWeight: FontWeight.w700,
+              ),
             ),
-          ),
         ],
       ),
       textAlign: TextAlign.center,
@@ -218,16 +240,19 @@ class _InputDisplay extends StatelessWidget {
   const _InputDisplay({
     required this.input,
     required this.fontSize,
+    required this.token,
   });
 
   final String input;
   final double fontSize;
+  final Token token;
 
   @override
   Widget build(BuildContext context) {
     final sign = Currency.usd.sign;
     final amount = input.formatted(context);
-    final formatted = '$sign$amount';
+    final formatted =
+        token == Token.usdc ? '$sign$amount' : '$amount ${token.symbol}';
 
     return SizedBox(
       height: 94,

packages/espressocash_app/lib/features/outgoing_direct_payments/services/odp_service.dart

@@ -168,7 +168,10 @@ class ODPService {
     );
 
     if (newStatus is ODPStatusSuccess) {
-      _analyticsManager.directPaymentSent(amount: payment.amount.decimal);
+      _analyticsManager.directPaymentSent(
+        symbol: payment.amount.token.symbol,
+        amount: payment.amount.decimal,
+      );
     }
 
     return newStatus == null ? payment : payment.copyWith(status: newStatus);

packages/espressocash_app/lib/features/token_details/screens/token_details_screen.dart

@@ -16,8 +16,9 @@ import '../../conversion_rates/widgets/extensions.dart';
 import '../../currency/models/amount.dart';
 import '../../currency/models/currency.dart';
 import '../../ramp/widgets/ramp_buttons.dart';
+import '../../token_send/screens/token_send_input_screen.dart';
+import '../../token_send/widgets/token_app_bar.dart';
 import '../../tokens/token.dart';
-import '../widgets/token_app_bar.dart';
 import '../widgets/token_info.dart';
 
 class TokenDetailsScreen extends StatelessWidget {
@@ -89,7 +90,10 @@ class _TokenDetailsBody extends StatelessWidget {
                       const SizedBox(height: 4),
                       const _TokenHeader(),
                       const SizedBox(height: 24),
-                      if (token.isUsdcToken) const _RampButtons(),
+                      if (token.isUsdcToken)
+                        const _RampButtons()
+                      else
+                        _ActionButtons(token: token),
                       const SizedBox(height: 24),
                       Expanded(
                         child: DecoratedBox(
@@ -226,28 +230,34 @@ class _RampButtons extends StatelessWidget {
       );
 }
 
-// ignore: unused_element, won't be available in first release
-class _SwapButton extends StatelessWidget {
-  const _SwapButton();
+class _ActionButtons extends StatelessWidget {
+  const _ActionButtons({required this.token});
+
+  final Token token;
 
   @override
   Widget build(BuildContext context) => Padding(
         padding: const EdgeInsets.symmetric(horizontal: 40),
+        // ignore:  avoid-single-child-column-or-row, won't be available in first release,
         child: Row(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
+            // TODO(dev): add swap button
+            // CpButton(
+            //   text: 'Swap',
+            //   minWidth: 106,
+            //   size: CpButtonSize.big,
+            //   onPressed: () {},
+            // ),
+            // const SizedBox(width: 14),
             CpButton(
-              text: 'Swap',
+              text: context.l10n.send,
               minWidth: 106,
               size: CpButtonSize.big,
-              onPressed: () {},
-            ),
-            const SizedBox(width: 14),
-            CpButton(
-              text: 'Send',
-              minWidth: 106,
-              size: CpButtonSize.big,
-              onPressed: () {},
+              onPressed: () => TokenSendInputScreen.push(
+                context,
+                token: token,
+              ),
             ),
           ],
         ),