dcontent: create bluetooth panel

1 files changed, 38 insertions, 0 deletions

diff --git a/modules/bar/popouts/Bluetooth.qml b/modules/bar/popouts/Bluetooth.qml
index 5b1127f..56dd4a4 100644
--- a/modules/bar/popouts/Bluetooth.qml
+++ b/modules/bar/popouts/Bluetooth.qml
@@ -12,6 +12,8 @@ import QtQuick.Layouts
 ColumnLayout {
     id: root
 
+    required property Item wrapper
+
     spacing: Appearance.spacing.small
 
     StyledText {
@@ -170,6 +172,42 @@ ColumnLayout {
         }
     }
 
+    StyledRect {
+        Layout.topMargin: Appearance.spacing.small
+        implicitWidth: expandBtn.implicitWidth + Appearance.padding.normal * 2
+        implicitHeight: expandBtn.implicitHeight + Appearance.padding.small
+
+        radius: Appearance.rounding.normal
+        color: Colours.palette.m3primaryContainer
+
+        StateLayer {
+            color: Colours.palette.m3onPrimaryContainer
+
+            function onClicked(): void {
+                root.wrapper.detach("bluetooth");
+            }
+        }
+
+        RowLayout {
+            id: expandBtn
+
+            anchors.centerIn: parent
+            spacing: Appearance.spacing.small
+
+            StyledText {
+                Layout.leftMargin: Appearance.padding.smaller
+                text: qsTr("Open panel")
+                color: Colours.palette.m3onPrimaryContainer
+            }
+
+            MaterialIcon {
+                text: "chevron_right"
+                color: Colours.palette.m3onPrimaryContainer
+                font.pointSize: Appearance.font.size.large
+            }
+        }
+    }
+
     component Toggle: RowLayout {
         required property string label
         property alias checked: toggle.checked