💥 ags(control-center/mixer): get application icon by stream name

ags/style/_control-center.scss

@@ -72,6 +72,10 @@
     }
 
     & .page .content {
+      & > eventbox > box {
+        margin: 6px 0;
+      }
+
       & label.name {
         font-size: 14px;
         font-weight: 500;

ags/widget/control-center/Pages.ts

@@ -69,7 +69,7 @@ class Pages extends Widget.Revealer {
     close(onClosed?: () => void): void {
         if(!this.isOpen) return;
 
-        this.set_reveal_child(false);
+        this.revealChild = false;
         timeout(this.transitionDuration, () => {
             this.remove(this.#page!);
             this.page = undefined;

ags/widget/control-center/pages/Mixer.ts

@@ -21,7 +21,7 @@ export function PageMixer(): Page {
                                 orientation: Gtk.Orientation.HORIZONTAL,
                                 children: [
                                     new Widget.Icon({
-                                        icon: getStreamIcon(ep) ?? "application-x-executable-symbolic",
+                                        icon: getAppIcon(ep.name.split(' ')[0]) || "application-x-executable-symbolic",
                                         css: "font-size: 18px; margin-right: 6px;"
                                     } as Widget.IconProps),
                                     new Widget.Box({
@@ -38,6 +38,8 @@ export function PageMixer(): Page {
                                                 onDestroy: () => connections.map(id => eventbox.disconnect(id)),
                                                 child: new Widget.Label({
                                                     label: ep.name || "Unknown",
+                                                    truncate: true,
+                                                    tooltipText: ep.name,
                                                     className: "name",
                                                     xalign: 0
                                                 } as Widget.LabelProps)
@@ -60,13 +62,3 @@ export function PageMixer(): Page {
         ])
     } as PageProps);
 }
-
-function getStreamIcon(endpoint: AstalWp.Endpoint): (string|undefined) {
-    let icon = getAppIcon(endpoint.icon);
-    if(icon) return icon;
-
-    icon = getAppIcon(endpoint.name.split(' ')[0]);
-    if(icon) return icon;
-
-    return undefined;
-}