From fbeb3cb3483417e0e98ae9764e7e95d17b2d67d3 Mon Sep 17 00:00:00 2001
From: nin0dev <personal@nin0.dev>
Date: Wed, 25 Dec 2024 20:13:34 -0500
Subject: [PATCH] output slider goes to 200%

---
 index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.tsx b/index.tsx
index 7126975..dd00833 100644
--- a/index.tsx
+++ b/index.tsx
@@ -27,8 +27,8 @@ function OutputVolumeComponent() {
 
     return (
         <>
-            {Settings.plugins.VCPanelSettings.showOutputVolumeHeader && <Forms.FormTitle>Output volume - {Math.floor(outputVolume)}%</Forms.FormTitle>}
-            <Slider maxValue={200} minValue={0} initialValue={outputVolume} hideBubble={Settings.plugins.VCPanelSettings.showOutputVolumeHeader} onValueChange={volume => {
+            {Settings.plugins.VCPanelSettings.showOutputVolumeHeader && <Forms.FormTitle>Output volume</Forms.FormTitle>}
+            <Slider maxValue={200} minValue={0} onValueRender={v => `${v.toFixed(0)}%`} initialValue={outputVolume} asValueChanges={volume => {
                 FluxDispatcher.dispatch({
                     type: "AUDIO_SET_OUTPUT_VOLUME",
                     volume
@@ -48,8 +48,8 @@ function InputVolumeComponent() {
 
     return (
         <>
-            {Settings.plugins.VCPanelSettings.showInputVolumeHeader && <Forms.FormTitle>Input volume - {Math.floor(inputVolume)}%</Forms.FormTitle>}
-            <Slider maxValue={100} minValue={0} initialValue={inputVolume} onValueChange={volume => {
+            {Settings.plugins.VCPanelSettings.showInputVolumeHeader && <Forms.FormTitle>Input volume</Forms.FormTitle>}
+            <Slider maxValue={100} minValue={0} initialValue={inputVolume} asValueChanges={volume => {
                 FluxDispatcher.dispatch({
                     type: "AUDIO_SET_INPUT_VOLUME",
                     volume