move everything to root

modules/bar/Bar.qml

@@ -0,0 +1,59 @@
+import QtQuick
+import Quickshell
+import "components"
+import "../../config/"
+
+Scope {
+    PanelWindow {
+        id: root
+
+        anchors {
+            top: true
+            left: true
+            right: true
+        }
+
+        implicitHeight: 40
+
+        color: 'transparent'
+
+        Rectangle {
+            id: background
+            anchors.fill: parent
+            color: Theme.palette.base300
+        }
+
+        Row {
+            id: leftbar
+
+            spacing: 6
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.bottom: parent.bottom
+            anchors.margins: 2
+
+            Workspaces {
+                anchors.verticalCenter: parent.verticalCenter
+            }
+        }
+
+        Row {
+            id: centerbar
+
+            spacing: 6
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.top
+            anchors.bottom: parent.bottom
+
+            Clock {}
+        }
+
+        Row {
+            id: rightbar
+
+            anchors.top: parent.top
+            anchors.right: parent.left
+            anchors.bottom: parent.bottom
+        }
+    }
+}

modules/bar/components/Clock.qml

@@ -0,0 +1,49 @@
+import Quickshell
+import Quickshell.Io
+import QtQuick
+import "root:styled"
+
+Item {
+    id: clock
+
+    implicitWidth: 200
+    implicitHeight: 30
+
+    StyledLabel {
+        anchors.fill: parent
+    }
+
+    StyledText {
+        id: text
+        anchors.centerIn: parent
+
+        Process {
+            // give the process object an id so we can talk
+            // about it from the timer
+            id: dateProc
+
+            command: ["date"]
+            running: true
+
+            stdout: StdioCollector {
+                onStreamFinished: text.text = this.text
+            }
+        }
+
+        // use a timer to rerun the process at an interval
+        Timer {
+            // 1000 milliseconds is 1 second
+            interval: 1000
+
+            // start the timer immediately
+            running: true
+
+            // run the timer again when it ends
+            repeat: true
+
+            // when the timer is triggered, set the running property of the
+            // process to true, which reruns it if stopped.
+            onTriggered: dateProc.running = true
+        }
+    }
+}

modules/bar/components/Workspace.qml

@@ -0,0 +1,38 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell.Hyprland
+import "../../../config"
+
+Item {
+    id: workspace
+
+    required property HyprlandWorkspace modelData
+
+    visible: modelData.id > 0
+
+    width: 30
+    height: 30
+
+    Button {
+        id: button
+        anchors.centerIn: parent
+
+        padding: 6
+        leftPadding: 7
+        rightPadding: 7
+
+        background: Rectangle {
+            id: rectangle
+            anchors.fill: parent
+            color: "#161212"
+            radius: 8
+        }
+
+        rotation: workspace.modelData.active ? 0 : 180
+
+        icon.source: "/home/baobeld/dotfiles/quickshell/assets/triangle.svg"
+        icon.color: workspace.modelData.active ? Theme.palette.primary : Theme.palette.basecontent
+
+        onClicked: workspace.modelData.activate()
+    }
+}

modules/bar/components/Workspaces.qml

@@ -0,0 +1,16 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell.Hyprland
+
+Row {
+    id: root
+
+    spacing: 4
+
+    Repeater {
+
+        model: Hyprland.workspaces
+
+        Workspace {}
+    }
+}