switch workspace to clickable

modules/bar/components/hyprland/Workspace.qml

@@ -1,45 +1,21 @@
 import QtQuick
-import QtQuick.Controls
-import QtQuick.Effects
 import Quickshell.Hyprland
 import "../../../../config"
 import "../../../../styled/"
 
-Item {
+Loader {
-    id: workspace
-
     required property HyprlandWorkspace modelData
 
-    visible: modelData.id > 0
+    active: modelData.id > 0
+
+    sourceComponent: workspace
+    property Component workspace: Clickable {
+        id: clickable
 
         width: Dimensions.workspace.width
         height: Dimensions.workspace.height
 
-    Rectangle {
+        onClicked: modelData.activate()
-        id: rectangle
-        anchors.fill: parent
-        color: Theme.palette.base100
-        radius: Dimensions.radius
-        states: State {
-            name: "hovered"
-            when: mouseArea.containsMouse
-            PropertyChanges {
-                rectangle {
-                    color: Theme.palette.primary
-                }
-            }
-        }
-        transitions: Transition {
-            from: ""
-            to: "hovered"
-            reversible: true
-            ColorAnimation {
-                properties: "color"
-                duration: 200
-                easing.type: Easing.InOutCubic
-            }
-        }
-    }
 
         Icon {
             id: icon
@@ -51,11 +27,11 @@ Item {
 
             states: State {
                 name: "active"
-            when: workspace.modelData.active
+                when: modelData.active
                 PropertyChanges {
                     icon {
                         rotation: 180
-                    color: mouseArea.containsMouse ? Theme.palette.basecontent : Theme.palette.primary
+                        color: clickable.hovered ? Theme.palette.basecontent : Theme.palette.primary
                     }
                 }
             }
@@ -76,14 +52,5 @@ Item {
                 }
             }
         }
-
-    MouseArea {
-        id: mouseArea
-
-        anchors.fill: parent
-        cursorShape: Qt.PointingHandCursor
-
-        hoverEnabled: true
-        onClicked: workspace.modelData.activate()
     }
 }