From 4270d2fe56da5eb7336ea82a47fd943a0d4b6e18 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Mon, 3 Nov 2025 18:27:47 +0100
Subject: [PATCH] region selector: make mode selection animated

---
 .../modules/regionSelector/OptionsToolbar.qml | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/dots/.config/quickshell/ii/modules/regionSelector/OptionsToolbar.qml b/dots/.config/quickshell/ii/modules/regionSelector/OptionsToolbar.qml
index d4e54ddda..63a3e8c7e 100644
--- a/dots/.config/quickshell/ii/modules/regionSelector/OptionsToolbar.qml
+++ b/dots/.config/quickshell/ii/modules/regionSelector/OptionsToolbar.qml
@@ -65,18 +65,16 @@ Toolbar {
         }
     }
 
-    IconAndTextToolbarButton {
-        iconText: "activity_zone"
-        text: Translation.tr("Rect")
-        toggled: root.selectionMode === RegionSelection.SelectionMode.RectCorners
-        onClicked: root.selectionMode = RegionSelection.SelectionMode.RectCorners
-    }
-
-    IconAndTextToolbarButton {
-        iconText: "gesture"
-        text: Translation.tr("Circle")
-        toggled: root.selectionMode === RegionSelection.SelectionMode.Circle
-        onClicked: root.selectionMode = RegionSelection.SelectionMode.Circle
+    ToolbarTabBar {
+        id: tabBar
+        tabButtonList: [
+            {"icon": "activity_zone", "name": Translation.tr("Rect")},
+            {"icon": "gesture", "name": Translation.tr("Circle")}
+        ]
+        currentIndex: root.selectionMode === RegionSelection.SelectionMode.RectCorners ? 0 : 1
+        onCurrentIndexChanged: {
+            root.selectionMode = currentIndex === 0 ? RegionSelection.SelectionMode.RectCorners : RegionSelection.SelectionMode.Circle;
+        }
     }
 
 }