From 11a8b1bfe45ed9d99933af917961e6503982ca09 Mon Sep 17 00:00:00 2001
From: "Charl (Nitride)" <77973576+CharlVS@users.noreply.github.com>
Date: Tue, 29 Jul 2025 18:46:48 +0200
Subject: [PATCH 1/2] feat(ui): add tooltip to price history sparkline

---
 assets/translations/en.json                   |  5 ++--
 lib/generated/codegen_loader.g.dart           |  1 +
 .../charts/coin_sparkline.dart                | 26 ++++++++++++-------
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/assets/translations/en.json b/assets/translations/en.json
index 5d1a046a8a..bdeba5199b 100644
--- a/assets/translations/en.json
+++ b/assets/translations/en.json
@@ -675,5 +675,6 @@
     "searchAddresses": "Search addresses",
     "chart": "Chart",
     "tradingDisabledTooltip": "Trading features are currently disabled",
-    "tradingDisabled": "Trading is currently unavailable"
-}
\ No newline at end of file
+    "tradingDisabled": "Trading is currently unavailable",
+    "priceHistorySparklineTooltip": "Price history for the last 7 days"
+}
diff --git a/lib/generated/codegen_loader.g.dart b/lib/generated/codegen_loader.g.dart
index 1227304b6e..c519e4a2a0 100644
--- a/lib/generated/codegen_loader.g.dart
+++ b/lib/generated/codegen_loader.g.dart
@@ -673,5 +673,6 @@ abstract class  LocaleKeys {
   static const chart = 'chart';
   static const tradingDisabledTooltip = 'tradingDisabledTooltip';
   static const tradingDisabled = 'tradingDisabled';
+  static const priceHistorySparklineTooltip = 'priceHistorySparklineTooltip';
 
 }
diff --git a/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart b/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart
index 500e5b55e7..5932a96cb0 100644
--- a/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart
+++ b/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart
@@ -1,6 +1,9 @@
 import 'package:dragon_charts_flutter/dragon_charts_flutter.dart';
 import 'package:flutter/material.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:komodo_cex_market_data/komodo_cex_market_data.dart';
+import 'package:komodo_ui_kit/komodo_ui_kit.dart';
+import 'package:web_dex/generated/codegen_loader.g.dart';
 import 'package:web_dex/shared/utils/utils.dart';
 
 class CoinSparkline extends StatelessWidget {
@@ -22,16 +25,19 @@ class CoinSparkline extends StatelessWidget {
         } else if (!snapshot.hasData || (snapshot.data?.isEmpty ?? true)) {
           return const SizedBox.shrink();
         } else {
-          return LimitedBox(
-            maxWidth: 130,
-            child: SizedBox(
-              height: 35,
-              child: SparklineChart(
-                data: snapshot.data!,
-                positiveLineColor: Colors.green,
-                negativeLineColor: Colors.red,
-                lineThickness: 1.0,
-                isCurved: true,
+          return UiTooltip(
+            message: LocaleKeys.priceHistorySparklineTooltip.tr(),
+            child: LimitedBox(
+              maxWidth: 130,
+              child: SizedBox(
+                height: 35,
+                child: SparklineChart(
+                  data: snapshot.data!,
+                  positiveLineColor: Colors.green,
+                  negativeLineColor: Colors.red,
+                  lineThickness: 1.0,
+                  isCurved: true,
+                ),
               ),
             ),
           );

From ed421a6c1e567e76f8b8e433a726b95443e49dc3 Mon Sep 17 00:00:00 2001
From: "Charl (Nitride)" <77973576+CharlVS@users.noreply.github.com>
Date: Tue, 29 Jul 2025 18:58:48 +0200
Subject: [PATCH 2/2] fix(ui): adjust sparkline width

---
 .../coin_details/coin_details_info/charts/coin_sparkline.dart   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart b/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart
index 5932a96cb0..fe644d3956 100644
--- a/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart
+++ b/lib/views/wallet/coin_details/coin_details_info/charts/coin_sparkline.dart
@@ -28,7 +28,7 @@ class CoinSparkline extends StatelessWidget {
           return UiTooltip(
             message: LocaleKeys.priceHistorySparklineTooltip.tr(),
             child: LimitedBox(
-              maxWidth: 130,
+              maxWidth: 90,
               child: SizedBox(
                 height: 35,
                 child: SparklineChart(