From e6a564ff6129a7cbd8ee1eefc75969eff6eae0cb Mon Sep 17 00:00:00 2001
From: Davide Passoni <d.passed@libero.it>
Date: Mon, 20 Jan 2025 17:09:37 +0100
Subject: [PATCH] feat: added volume slider for radios

---
 .../src/ui/panels/components/radiosinkpanel.tsx      | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/react/src/ui/panels/components/radiosinkpanel.tsx b/frontend/react/src/ui/panels/components/radiosinkpanel.tsx
index a5a41c67..1e0c4110 100644
--- a/frontend/react/src/ui/panels/components/radiosinkpanel.tsx
+++ b/frontend/react/src/ui/panels/components/radiosinkpanel.tsx
@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef, useEffect, useState } from "react";
 import { OlFrequencyInput } from "../../components/olfrequencyinput";
-import { FaChevronUp, FaXmark } from "react-icons/fa6";
+import { FaChevronUp, FaVolumeHigh, FaXmark } from "react-icons/fa6";
 import { OlLabelToggle } from "../../components/ollabeltoggle";
 import { OlStateButton } from "../../components/olstatebutton";
 import { faEarListen, faMicrophoneLines } from "@fortawesome/free-solid-svg-icons";
@@ -77,6 +77,16 @@ export const RadioSinkPanel = forwardRef((props: { radio: RadioSink; shortcutKey
               props.radio.setFrequency(value);
             }}
           />
+          <div className="flex content-center gap-2 p-2">
+            <div><FaVolumeHigh className="text-xl"/></div>
+            <OlRangeSlider
+              value={props.radio.getVolume() * 100}
+              onChange={(ev) => {
+                props.radio.setVolume(Number(ev.currentTarget.value) / 100);
+              }}
+              className="my-auto"
+            ></OlRangeSlider>
+          </div>
           <div className="flex content-center gap-2 p-2">
             <div>Left</div>
           <OlRangeSlider