From 31f1b68f8ca1f0e28f5f037dba29cbf915e30927 Mon Sep 17 00:00:00 2001
From: Ricardo Guilherme Schmidt <3esmit@gmail.com>
Date: Fri, 17 Jul 2026 22:14:48 -0300
Subject: [PATCH] fix(amm): make theme toggle clickable

---
 apps/amm/qml/pages/SwapPage.qml     |  4 ++++
 apps/amm/tests/qml/tst_SwapPage.qml | 14 ++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/apps/amm/qml/pages/SwapPage.qml b/apps/amm/qml/pages/SwapPage.qml
index 27b86cc..99ea048 100644
--- a/apps/amm/qml/pages/SwapPage.qml
+++ b/apps/amm/qml/pages/SwapPage.qml
@@ -10,6 +10,8 @@ import "../components/swap"
 Item {
     id: root
 
+    readonly property bool darkTheme: pageTheme.isDark
+
     property var tokens: [
         { symbol: "TOK1", name: "Token 1", color: "#627eea", letter: "E", address: "0x0000000000000000000000000000000000000000",  usdPrice: 2392.70, balance: 4.25,    reserve: 850     },
         { symbol: "TOK2", name: "Token 2", color: "#2775ca", letter: "$", address: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",  usdPrice: 1.00,    balance: 12480,   reserve: 2400000 },
@@ -68,10 +70,12 @@ Item {
 
         // Theme toggle
         Rectangle {
+            objectName: "swapThemeToggle"
             anchors.top:    parent.top
             anchors.right:  parent.right
             anchors.margins: 16
             width: 44; height: 24; radius: 12
+            z: 1
             color: pageTheme.colors.panelBg
             border.color: pageTheme.colors.border
             border.width: 1
diff --git a/apps/amm/tests/qml/tst_SwapPage.qml b/apps/amm/tests/qml/tst_SwapPage.qml
index 7602f62..87ea120 100644
--- a/apps/amm/tests/qml/tst_SwapPage.qml
+++ b/apps/amm/tests/qml/tst_SwapPage.qml
@@ -54,6 +54,20 @@ Item {
             compare(card.sellInput, "1")
         }
 
+        function test_themeToggleReceivesPointerInput() {
+            const page = createTemporaryObject(pageComponent, root)
+            verify(page)
+
+            const toggle = findChild(page, "swapThemeToggle")
+            verify(toggle)
+            compare(page.darkTheme, true)
+
+            const position = toggle.mapToItem(page, toggle.width / 2, toggle.height / 2)
+            mouseClick(page, position.x, position.y)
+
+            tryCompare(page, "darkTheme", false)
+        }
+
         function test_exactOutputUsesMaximumInputLimit() {
             const page = createTemporaryObject(pageComponent, root)
             verify(page)