baobeld/ags
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix typings

Browse source
This commit is contained in:
Benjamin Palko 2025-04-08 00:14:44 -04:00
parent 31af598f7f
commit 98a3b5381e
1 changed files with 52 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
widget/WirePlumber.tsx
View file

@ -7,13 +7,14 @@ const WirePlumber = function () {
const audio = AstalWp.get_default()?.audio!;
const speakers = bind(audio, "speakers");
const defaultSpeaker = speakers.as((speakers) =>
speakers.find((speaker) => speaker.is_default),
);
return speakers.as((speakers) => {
const defaultSpeaker = speakers.find((speaker) => speaker.is_default);
if (!defaultSpeaker) {
return <></>;
}
return (
<>
{defaultSpeaker.as((defaultSpeaker) =>
defaultSpeaker ? (
<menubutton
onScroll={(_, __, dy) => {
defaultSpeaker.set_volume(
@ -37,22 +38,28 @@ const WirePlumber = function () {
/>
<popover cssClasses={["WirePlumberMenu"]}>
<box vertical>
{speakers.map((speaker) => (
{speakers.as((speakers) =>
speakers.map((speaker) => (
<button
cssClasses={bind(speaker, "is_default").as((is_default) => [
is_default ? "active" : "",
])}
cssClasses={bind(speaker, "is_default").as(
(is_default) => [is_default ? "active" : ""],
)}
cursor={Gdk.Cursor.new_from_name("pointer", null)}
onClicked={() => speaker.set_is_default(true)}
>
{speaker.description}
</button>
))}
)),
)}
</box>
</popover>
</menubutton>
) : (
<></>
),
)}
</>
);
});
};
export default WirePlumber;