winfo: add no active client placeholders

Also change close button to kill

1 files changed, 37 insertions, 2 deletions

diff --git a/modules/windowinfo/Preview.qml b/modules/windowinfo/Preview.qml
index 26941db..2e3dd8e 100644
--- a/modules/windowinfo/Preview.qml
+++ b/modules/windowinfo/Preview.qml
@@ -18,7 +18,7 @@ Item {
     Layout.preferredWidth: preview.implicitWidth + Appearance.padding.large * 2
     Layout.fillHeight: true
 
-    ClippingRectangle {
+    StyledClippingRect {
         id: preview
 
         anchors.horizontalCenter: parent.horizontalCenter
@@ -29,9 +29,44 @@ Item {
 
         implicitWidth: view.implicitWidth
 
-        color: "transparent"
+        color: Colours.palette.m3surfaceContainer
         radius: Appearance.rounding.small
 
+        Loader {
+            anchors.centerIn: parent
+            active: !Hyprland.activeClient
+            asynchronous: true
+
+            sourceComponent: ColumnLayout {
+                spacing: 0
+
+                MaterialIcon {
+                    Layout.alignment: Qt.AlignHCenter
+                    text: "web_asset_off"
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.extraLarge * 3
+                    font.variableAxes: ({
+                            opsz: Appearance.font.size.extraLarge * 3
+                        })
+                }
+
+                StyledText {
+                    Layout.alignment: Qt.AlignHCenter
+                    text: qsTr("No active client")
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.extraLarge
+                    font.weight: 500
+                }
+
+                StyledText {
+                    Layout.alignment: Qt.AlignHCenter
+                    text: qsTr("Try switching to a window")
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.large
+                }
+            }
+        }
+
         ScreencopyView {
             id: view