From 0537e94004e40bade8b0ef5347c7c0ec5ee146c9 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Wed, 27 Mar 2024 17:50:03 +0700
Subject: [PATCH] Update volumemixer.js

---
 .../sideright/centermodules/volumemixer.js    | 115 ++++++++----------
 1 file changed, 54 insertions(+), 61 deletions(-)

diff --git a/.config/ags/modules/sideright/centermodules/volumemixer.js b/.config/ags/modules/sideright/centermodules/volumemixer.js
index 53cf2caa7..ea32e1bce 100644
--- a/.config/ags/modules/sideright/centermodules/volumemixer.js
+++ b/.config/ags/modules/sideright/centermodules/volumemixer.js
@@ -6,69 +6,62 @@ import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
 const { Box, Button, Icon, Label, Scrollable, Slider, Stack } = Widget;
 import { MaterialIcon } from '../../.commonwidgets/materialicon.js';
 import { setupCursorHover } from '../../.widgetutils/cursorhover.js';
-import { AnimatedSlider } from '../../.commonwidgets/cairo_slider.js';
+// import { AnimatedSlider } from '../../.commonwidgets/cairo_slider.js';
 
-const AppVolume = (stream) => {
-    // console.log(stream)
-    return Box({
-        className: 'sidebar-volmixer-stream spacing-h-10',
-        children: [
-            Icon({
-                className: 'sidebar-volmixer-stream-appicon',
-                vpack: 'center',
-                tooltipText: stream.stream.name,
-                setup: (self) => {
-                    self.hook(stream, (self) => {
-                        self.icon = stream.stream.name.toLowerCase();
+const AppVolume = (stream) => Box({
+    className: 'sidebar-volmixer-stream spacing-h-10',
+    children: [
+        Icon({
+            className: 'sidebar-volmixer-stream-appicon',
+            vpack: 'center',
+            tooltipText: stream.stream.name,
+            setup: (self) => {
+                self.hook(stream, (self) => {
+                    self.icon = stream.stream.name.toLowerCase();
+                })
+            },
+        }),
+        Box({
+            hexpand: true,
+            vpack: 'center',
+            vertical: true,
+            className: 'spacing-v-5',
+            children: [
+                Label({
+                    xalign: 0,
+                    maxWidthChars: 10,
+                    truncate: 'end',
+                    label: stream.description,
+                    className: 'txt-small',
+                    setup: (self) => self.hook(stream, (self) => {
+                        self.label = `${stream.description}`
                     })
-                },
-            }),
-            Box({
-                hexpand: true,
-                vpack: 'center',
-                vertical: true,
-                className: 'spacing-v-5',
-                children: [
-                    Label({
-                        xalign: 0,
-                        maxWidthChars: 10,
-                        truncate: 'end',
-                        label: stream.description,
-                        className: 'txt-small',
-                        setup: (self) => {
-                            self.hook(stream, (self) => {
-                                self.label = `${stream.description}`
-                            })
-                        }
-                    }),
-                    Slider({
-                        drawValue: false,
-                        hpack: 'fill',
-                        className: 'sidebar-volmixer-stream-slider',
-                        value: stream.volume,
-                        min: 0, max: 1,
-                        onChange: ({ value }) => {
-                            stream.volume = value;
-                        },
-                        setup: (self) => {
-                            self.hook(stream, (self) => {
-                                self.value = stream.volume;
-                            })
-                        }
-                    }),
-                    // Box({
-                    //     homogeneous: true,
-                    //     className: 'test',
-                    //     children: [AnimatedSlider({
-                    //         className: 'sidebar-volmixer-stream-slider',
-                    //         value: stream.volume,
-                    //     })],
-                    // })
-                ]
-            })
-        ]
-    })
-}
+                }),
+                Slider({
+                    drawValue: false,
+                    hpack: 'fill',
+                    className: 'sidebar-volmixer-stream-slider',
+                    value: stream.volume,
+                    min: 0, max: 1,
+                    onChange: ({ value }) => {
+                        stream.volume = value;
+                    },
+                    setup: (self) => self.hook(stream, (self) => {
+                        self.value = stream.volume;
+                    })
+                }),
+                // Box({
+                //     homogeneous: true,
+                //     className: 'test',
+                //     children: [AnimatedSlider({
+                //         className: 'sidebar-volmixer-stream-slider',
+                //         value: stream.volume,
+                //     })],
+                // })
+            ]
+        })
+    ]
+});
 
 export default (props) => {
     const emptyContent = Box({