1 files changed, 38 insertions, 4 deletions
diff --git a/modules/detachedcontent/bluetooth/BtPane.qml b/modules/detachedcontent/bluetooth/BtPane.qml
index 750166b..e72b1ab 100644
--- a/modules/detachedcontent/bluetooth/BtPane.qml
+++ b/modules/detachedcontent/bluetooth/BtPane.qml
@@ -1,23 +1,30 @@
 pragma ComponentBehavior: Bound
 
+import ".."
 import qs.widgets
 import qs.config
 import QtQuick
 import QtQuick.Layouts
 
 RowLayout {
+    id: root
+
+    required property Session session
+
     anchors.fill: parent
 
     spacing: 0
 
     Item {
-        Layout.preferredWidth: Math.floor(parent.width / 3)
+        Layout.preferredWidth: Math.floor(parent.width * 0.4)
         Layout.fillHeight: true
 
         DeviceList {
             anchors.margins: Appearance.padding.large + Appearance.padding.normal
             anchors.leftMargin: Appearance.padding.large
             anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2
+
+            session: root.session
         }
 
         InnerBorder {
@@ -30,13 +37,40 @@ RowLayout {
         Layout.fillWidth: true
         Layout.fillHeight: true
 
-        Details {
-            anchors.margins: Appearance.padding.normal
-            anchors.leftMargin: Appearance.padding.normal / 2
+        Loader {
+            anchors.fill: parent
+            anchors.margins: Appearance.padding.large * 2 + Appearance.padding.normal
+            anchors.leftMargin: Appearance.padding.large * 2
+            anchors.rightMargin: Appearance.padding.large * 2 + Appearance.padding.normal / 2
+
+            asynchronous: true
+            sourceComponent: root.session.bt.active ? details : settings
         }
 
         InnerBorder {
             leftThickness: Appearance.padding.normal / 2
         }
+
+        Component {
+            id: settings
+
+            Settings {
+                anchors.margins: Appearance.padding.normal
+                anchors.leftMargin: Appearance.padding.normal / 2
+
+                session: root.session
+            }
+        }
+
+        Component {
+            id: details
+
+            Details {
+                anchors.margins: Appearance.padding.normal
+                anchors.leftMargin: Appearance.padding.normal / 2
+
+                session: root.session
+            }
+        }
     }
 }