25 lines
669 B
TypeScript
25 lines
669 B
TypeScript
|
import { bind } from "astal";
|
||
|
|
import Hyprland from "gi://AstalHyprland";
|
||
|
|
|
||
|
|
export const Workspaces = () => {
|
||
|
|
const hypr = Hyprland.get_default();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<box cssClasses={["Workspaces"]}>
|
||
|
|
{bind(hypr, "workspaces").as((wss) =>
|
||
|
|
wss
|
||
|
|
.filter((ws) => !(ws.id >= -99 && ws.id <= -2)) // filter out special workspaces
|
||
|
|
.sort((a, b) => a.id - b.id)
|
||
|
|
.map((ws) => (
|
||
|
|
<button
|
||
|
|
cssClasses={bind(hypr, "focusedWorkspace").as((fw) =>
|
||
|
|
ws === fw ? ["focused"] : [""],
|
||
|
|
)}
|
||
|
|
onClicked={() => ws.focus()}
|
||
|
|
></button>
|
||
|
|
)),
|
||
|
|
)}
|
||
|
|
</box>
|
||
|
|
);
|
||
|
|
};
|