From 2d26626643e447b5c9f6f78619e8472bc35ea599 Mon Sep 17 00:00:00 2001
From: ATMDA <atdma2600@gmail.com>
Date: Wed, 19 Nov 2025 19:25:26 -0500
Subject: refactor: SplitPaneWithDetails integrated

---
 modules/controlcenter/bluetooth/BtPane.qml | 84 +++++-------------------------
 1 file changed, 14 insertions(+), 70 deletions(-)

(limited to 'modules/controlcenter/bluetooth')

diff --git a/modules/controlcenter/bluetooth/BtPane.qml b/modules/controlcenter/bluetooth/BtPane.qml
index c20f14b..3cd6ef9 100644
--- a/modules/controlcenter/bluetooth/BtPane.qml
+++ b/modules/controlcenter/bluetooth/BtPane.qml
@@ -2,87 +2,39 @@ pragma ComponentBehavior: Bound
 
 import ".."
 import "../components"
+import qs.components
 import qs.components.controls
-import qs.components.effects
 import qs.components.containers
 import qs.config
 import Quickshell.Widgets
 import Quickshell.Bluetooth
 import QtQuick
-import QtQuick.Layouts
 
-Item {
+SplitPaneWithDetails {
     id: root
 
     required property Session session
 
     anchors.fill: parent
 
-    SplitPaneLayout {
-        anchors.fill: parent
+    activeItem: session.bt.active
+    paneIdGenerator: function(item) {
+        return item ? (item.address || "") : "";
+    }
 
-        leftContent: Component {
-            DeviceList {
-                anchors.fill: parent
-                session: root.session
-            }
+    leftContent: Component {
+        DeviceList {
+            session: root.session
         }
+    }
 
-        rightContent: Component {
-            Item {
-                id: rightBtPane
-
-                property BluetoothDevice pane: root.session.bt.active
-                property string paneId: pane ? (pane.address || "") : ""
-                property Component targetComponent: settings
-                property Component nextComponent: settings
-
-                function getComponentForPane() {
-                    return pane ? details : settings;
-                }
-
-                Component.onCompleted: {
-                    targetComponent = getComponentForPane();
-                    nextComponent = targetComponent;
-                }
-
-                Loader {
-                    id: rightLoader
-
-                    anchors.fill: parent
-
-                    asynchronous: true
-                    sourceComponent: rightBtPane.targetComponent
-                }
-
-                Behavior on paneId {
-                    PaneTransition {
-                        target: rightLoader
-                        propertyActions: [
-                            PropertyAction {
-                                target: rightBtPane
-                                property: "targetComponent"
-                                value: rightBtPane.nextComponent
-                            }
-                        ]
-                    }
-                }
-
-                Connections {
-                    target: root.session.bt
-                    function onActiveChanged() {
-                        rightBtPane.pane = root.session.bt.active;
-                        rightBtPane.nextComponent = rightBtPane.getComponentForPane();
-                        rightBtPane.paneId = pane ? (pane.address || "") : "";
-                    }
-                }
-            }
+    rightDetailsComponent: Component {
+        Details {
+            session: root.session
         }
     }
 
-    Component {
-        id: settings
-
+    rightSettingsComponent: Component {
         StyledFlickable {
             id: settingsFlickable
             flickableDirection: Flickable.VerticalFlick
@@ -102,12 +54,4 @@ Item {
             }
         }
     }
-
-    Component {
-        id: details
-
-        Details {
-            session: root.session
-        }
-    }
 }
-- 
cgit v1.2.3-freya