make bar show workspaces 1-10

config/ags/widget/Bar.tsx

@@ -81,17 +81,13 @@ function Media() {
 function Workspaces() {
   const hypr = Hyprland.get_default()
 
+  const workspaceButtons: number[] = (Array.from({ length: 10 }, (_, id) => id + 1))
+
   return <box className="Workspaces">
-        {bind(hypr, "workspaces").as(wss => wss
-            .sort((a, b) => a.id - b.id)
-            .map(ws => (
+	   {workspaceButtons.map (workspace =>
 	     <button
-                    className={bind(hypr, "focusedWorkspace").as(fw =>
-                        ws === fw ? "focused" : "")}
-                    onClicked={() => ws.focus()}>
-                    {ws.id}
-                </button>
-            ))
+	       className={bind(hypr, "focusedWorkspace").as(fw => workspace === fw.id ? "focused" : "")}
+	     >{workspace}</button>
 	   )}
 	 </box>
 }